پرش به محتوا

کتابخانه

دانلود @zonos/elements و نشانی CDN ایرانی

@zonos/elements یه بسته npm با مجوز MIT از شرکت Zonos است که کامپوننت های رابط کاربری برای Stripe Elements ارائه می ده. اگه توی یه پروژه جاوااسکریپتی فرم پرداخت و فیلدهای مرتبط با Stripe می سازی، این بسته یه نقطه شروع آماده با ظاهر یکدست بهت می ده.

نسخه رسمی و بدون تغییر، از منبع رسمی با مجوز MIT؛ هش هر فایل با منبع بررسی شده است.

آخرین نسخه
۱.۵.۱
نسخه‌ها در مخزن
۱۰
مجوز
MIT
آخرین بررسی
آخرین به‌روزرسانی
توضیحات

آخرین نسخه

آخرین نسخه ۱.۵.۱ آخرین

۱۶٫۳ مگابایت· ۹۸۸ فایل· انتشار

دانلود
نشانی مستقیم فایل اصلی https://mirror.wbweb.ir/npm/@zonos/elements@1.5.1/dist/zonos-elements/zonos-elements.esm.js
کد آماده با SRI <script src="https://mirror.wbweb.ir/npm/@zonos/elements@1.5.1/dist/zonos-elements/zonos-elements.esm.js" integrity="sha256-MaARP/CTbFq5Td55FmPuyolZJ3SPUo4qKxj/aeIp9tc=" crossorigin="anonymous"></script>

SHA-256: 31a0113ff0936c5ab94dde791663eeca895927748f528e2a2b18ff69e229f6d7

درباره @zonos/elements (زونوس المنتس)

@zonos/elements یه بسته npm از شرکت Zonos است. توضیح رسمی خودش خیلی کوتاهه: «کامپوننت های رابط کاربری Zonos برای Stripe Elements». یعنی به جای اینکه فیلدهای پرداخت Stripe رو از صفر بچینی و استایل بدی، یه مجموعه کامپوننت آماده داری که برای همین کار ساخته شده. Stripe Elements هم مجموعه ای از اجزای آماده برای گرفتن اطلاعات پرداخت مثل شماره کارت و تاریخ انقضاست، و این بسته یه لایه رابط کاربری روی همین اجزا می ذاره.

چیزی که ازش گیرت میاد بیشتر یکدستی و صرفه جویی در وقته. فرم پرداخت از بخش هایی است که باید شبیه بقیه سایت دیده بشه، ولی هر بار از اول نوشتنش وقت می گیره. اگه پروژه ات از قبل با Stripe کار می کنه و ظاهر آماده می خوای، می تونی از این بسته شروع کنی. اگه فقط یه فرم خیلی ساده لازم داری، خود Stripe Elements بدون لایه اضافه هم معمولا کافیه. این بسته بیشتر به درد توسعه دهنده هایی می خوره که توی یه اپ جاوااسکریپتی با ابزار بیلد کار می کنن، نه کسی که فقط می خواد یه افزونه توی وردپرس نصب کنه.

یه نکته رو صریح بگم، چون برای سایت های ایرانی مهمه. Stripe معمولا برای کسب و کارهای داخل ایران در دسترس نیست. پس اگه فروشگاهت با درگاه های داخلی کار می کنه، این بسته به دردت نمی خوره. جاش اونجاست که پروژه ات برای مشتری خارجی ساخته می شه یا یه تیم بین المللی روش کار می کنه. خود بسته هم افزونه وردپرس نیست. یه کتابخانه جاوااسکریپته و باید با npm یا ابزار مشابه بیاریش توی پروژه.

قبل از انتخاب چند چیز رو چک کن. مستندات بسته رو بخون و ببین به چه کتابخونه هایی وابسته است. احتمالا به Stripe و یه فریم ورک رابط کاربری نیاز داره، ولی دقیقش رو از مستندات خودش بگیر. صفحه بسته رو هم نگاه کن و ببین هنوز نگهداری می شه یا نه. کلید مخفی Stripe هیچ وقت نباید توی کد سمت مرورگر بیاد؛ فقط کلید عمومی اونجا جا داره. مجوز MIT معمولا استفاده تجاری رو آزاد می ذاره، ولی متن مجوز رو توی پروژه نگه دار. قبل از انتشار هم همه چیز رو توی محیط آزمایشی تست کن.

روزهایی که اینترنت بین الملل محدوده، نصب از رجیستری اصلی npm ممکنه گیر کنه. برای همین نسخه های رسمی و بدون تغییر این بسته توی مخزن داخلی ما هم در دسترسه.

راهنمای استفاده

این بسته برای پروژه های جاوااسکریپتی ساخته شده و از پیشخوان وردپرس نصب نمی شه. مراحل کلی کار اینه:

  • اول مستندات بسته رو بخون و ببین چه وابستگی هایی لازم داره. مثلا ممکنه به Stripe و یه فریم ورک رابط کاربری نیاز داشته باشه.
  • @zonos/elements رو با npm یا yarn توی پروژه نصب کن. اگه به رجیستری اصلی دسترسی نداری، از فایل مخزن داخلی استفاده کن.
  • وابستگی هایی که مستندات خواسته رو هم نصب کن.
  • کامپوننت ها رو توی فایل مربوط import کن و توی صفحه پرداخت بذار. نمونه کد آماده پایین همین صفحه هست، از اون شروع کن.
  • کلید عمومی Stripe رو از حساب خودت بردار و همون طور که مستندات گفته بهش بده. کلید مخفی فقط باید سمت سرور بمونه.
  • پروژه رو بیلد کن و با کارت آزمایشی Stripe توی محیط تست یه پرداخت امتحانی بزن.

اگه ظاهر کامپوننت ها با سایتت جور نبود، اول ببین خود بسته گزینه شخصی سازی داره یا نه. اگه نداشت، سراغ CSS خودت برو. قبل از انتشار روی سرور اصلی هم نسخه بسته رو توی فایل قفل پروژه ثابت نگه دار، تا یه به روزرسانی ناخواسته فرم پرداختت رو به هم نریزه.

همه نسخه‌ها (۱۰)

نسخه‌های ۱.x ۱۰ نسخه
  • ۱.۵.۱ آخرین نسخه ۱۶٫۳ مگابایت·
    دانلودنسخه 1.5.1
    نشانی مستقیم فایل اصلی 1.5.1 https://mirror.wbweb.ir/npm/@zonos/elements@1.5.1/dist/zonos-elements/zonos-elements.esm.js
  • ۱.۵.۰ ۱۶٫۲ مگابایت·
    دانلودنسخه 1.5.0
    نشانی مستقیم فایل اصلی 1.5.0 https://mirror.wbweb.ir/npm/@zonos/elements@1.5.0/dist/index.js
  • ۱.۴.۲ ۱۶٫۲ مگابایت·
    دانلودنسخه 1.4.2
    نشانی مستقیم فایل اصلی 1.4.2 https://mirror.wbweb.ir/npm/@zonos/elements@1.4.2/dist/index.js
  • ۱.۴.۱ ۱۶٫۲ مگابایت·
    دانلودنسخه 1.4.1
    نشانی مستقیم فایل اصلی 1.4.1 https://mirror.wbweb.ir/npm/@zonos/elements@1.4.1/dist/index.js
  • ۱.۴.۰ ۱۶٫۲ مگابایت·
    دانلودنسخه 1.4.0
    نشانی مستقیم فایل اصلی 1.4.0 https://mirror.wbweb.ir/npm/@zonos/elements@1.4.0/dist/index.js
  • ۱.۳.۲۹۳ ۱۶٫۲ مگابایت·
    دانلودنسخه 1.3.293
    نشانی مستقیم فایل اصلی 1.3.293 https://mirror.wbweb.ir/npm/@zonos/elements@1.3.293/dist/index.js
  • ۱.۳.۲۹۲ ۱۶٫۲ مگابایت·
    دانلودنسخه 1.3.292
    نشانی مستقیم فایل اصلی 1.3.292 https://mirror.wbweb.ir/npm/@zonos/elements@1.3.292/dist/index.js
  • ۱.۳.۲۹۱ ۱۶٫۲ مگابایت·
    دانلودنسخه 1.3.291
    نشانی مستقیم فایل اصلی 1.3.291 https://mirror.wbweb.ir/npm/@zonos/elements@1.3.291/dist/index.js
  • ۱.۳.۲۹۰ ۱۶٫۲ مگابایت·
    دانلودنسخه 1.3.290
    نشانی مستقیم فایل اصلی 1.3.290 https://mirror.wbweb.ir/npm/@zonos/elements@1.3.290/dist/index.js
  • ۱.۳.۲۸۹ قدیمی‌ترین نسخه ۱۶٫۱ مگابایت·
    دانلودنسخه 1.3.289
    نشانی مستقیم فایل اصلی 1.3.289 https://mirror.wbweb.ir/npm/@zonos/elements@1.3.289/dist/index.js

پرسش‌های رایج

  • یه بسته npm از شرکت Zonos با مجوز MIT که طبق توضیح رسمی خودش، کامپوننت های رابط کاربری برای Stripe Elements ارائه می ده. کاربردش ساختن فرم پرداخت و بخش های مرتبط با Stripe توی یه پروژه جاوااسکریپتیه، بدون اینکه همه چیز رو از صفر بنویسی و استایل بدی.

  • مستقیم نه، چون افزونه وردپرس نیست و از پیشخوان نصب نمی شه. اگه قالب یا افزونه سفارشی رو با ابزار بیلد جاوااسکریپت می سازی، می تونی توی همون پروژه ازش استفاده کنی. برای یه سایت معمولی وردپرسی بهتره سراغ افزونه های آماده درگاه پرداخت بری.

  • معمولا نه. این بسته برای Stripe ساخته شده و Stripe برای کسب و کارهای داخل ایران معمولا در دسترس نیست. اگه فروشگاهت با درگاه های ایرانی کار می کنه، سراغ ابزارهای همون درگاه ها برو. این بسته بیشتر به درد پروژه های بین المللی می خوره.

  • روزهایی که اینترنت بین الملل محدوده، می تونی نسخه رسمی و بدون تغییر بسته رو از مخزن داخلی ما دانلود کنی و توی پروژه نصب کنی. بعد از نصب، کار با بسته مثل همیشه است و فرقی نمی کنه از کجا گرفته باشیش.

  • بسته با مجوز MIT منتشر شده و این مجوز معمولا استفاده تجاری رو اجازه می ده. شرطش اینه که متن مجوز و اعلام حق نشر رو نگه داری. برای اطمینان کامل، فایل مجوز داخل خود بسته رو هم یه بار بخون.

چیزی که لازم دارید اینجا نیست؟

نام کتابخانه، افزونه یا قالب را بفرستید؛ پس از بررسی، نسخه‌های رسمی آن به مخزن اضافه می‌شود.