پرداخت ها را با Firebase پردازش کنید

با استفاده از چند ویژگی مختلف Firebase و Stripe ، می توانید پرداخت ها را در برنامه وب خود بدون ایجاد زیرساخت سرور خود پردازش کنید. این راهنما شما را از طریق سفارشی و استقرار نسخه خود را از منبع باز cloud-functions-stripe-sample.web.app عنوان مثال برنامه است.

قبل از شروع، ایجاد یک پروژه در فایربیس کنسول و راه اندازی یک خط خطی حساب.

بررسی اجرایی

  1. راه اندازی یک خط خطی حساب.
  2. ایجاد یک پروژه در کنسول فایربیس .
  3. فعال کردن صورتحساب برای پروژه خود را و پیکربندی فایربیس CLI به استفاده از پروژه خود را با firebase use --add .
  4. دریافت کد منبع برای برنامه Firestripe نمونه. آن را با اطلاعات مناسب برای پروژه خود پیکربندی کنید و کد را متناسب با برنامه خود تنظیم کنید.
  5. هنگامی که برنامه خود را مستقر کردید ، به دنبال لیستی از کاربران و معاملات در کنسول Firebase باشید.

برنامه نمونه را تنظیم و استقرار دهید

  1. دریافت کد منبع .
  2. فعال کردن Google و ورود به سیستم ایمیل خود را تنظیمات ارائه دهنده احراز هویت .
  3. فعال کردن ابر Firestore .
  4. نصب فایربیس CLI اگر شما در حال حاضر نیست، و ورود به سیستم با firebase login .
  5. پیکربندی این نمونه برای استفاده از پروژه خود را با firebase use --add .
  6. نصب وابستگی به صورت محلی با اجرای cd functions; npm install; cd -
  7. اضافه کردن خود را خط خطی API راز های کلیدی به ابر پیکربندی توابع محیط زیست خود را:

    firebase functions:config:set stripe.secret=<YOUR STRIPE SECRET KEY>

  8. تنظیم خود را کلید انتشار خط خطی در /public/javascript/app.js :

    const STRIPE_PUBLISHABLE_KEY=<YOUR STRIPE PUBLISHABLE KEY>;

  9. استقرار پروژه خود را با استفاده firebase deploy . این دستور:

    1. می فرستد تمام فایل های موجود در public دایرکتوری به میزبانی به طوری که وب سایت شما در دسترس است.
    2. می فرستد کد امنیتی را در functions دایرکتوری به توابع Cloud برای فایربیس.
    3. مجموعه قوانین امنیتی در پایگاه داده ابر Firestore خود را به عنوان در پیکربندی firestore.rules . قوانین ارائه شده فقط به کاربر اجازه می دهد تا روش پرداخت و پرداخت خود را بخواند و بنویسد.

برنامه نمونه را امتحان کنید

URL دیدن برنامه پرداخت خود را در your-firebase-project-id.web.app و بررسی کنید که ویژگی های زیر کار می کنند:

  • می توانید از طریق Google یا Email وارد سیستم شوید.
  • شما می توانید جدید اضافه کارت آزمون خط خطی و مشاهده آن در عنصر را انتخاب کنید کارت.
  • می توانید یکی از کارت های خود را انتخاب کرده و شارژ کنید.
  • می توانید از سیستم خارج شوید.

برای مقایسه، و cloud-functions-stripe-sample.web.app .

برای ارائه یک تجربه کارآمد برای کاربران خود ، می توانید ظاهر صفحه پرداخت خود را بیشتر سفارشی کنید یا آن را به برنامه موجود خود متصل کنید.

پرداختهای پردازش شده را مشاهده کنید

پس از راه اندازی و استقرار صفحه پرداخت های خود ، می توانید کنسول Firebase را بررسی کرده و لیستی از کاربران را به همراه روش پرداخت و پرداخت آنها مشاهده کنید.

  1. برو به ابر Firestore .
  2. لیستی از کاربران خود را بررسی کنید و در صورت اضافه کردن کارت اعتباری یا انجام معاملات ، لیستی از کاربران زیر هر کاربر.

پرداختهای زنده را بپذیرید

پس از آماده شدن برای پخش مستقیم ، باید کلیدهای تست خود را با کلیدهای اصلی خود عوض کنید. مشاهده اسناد خط خطی برای کسب اطلاعات بیشتر در مورد این کلید.

  1. پیکربندی مخفی Stripe خود را به روز کنید:

    firebase functions:config:set stripe.secret=<YOUR STRIPE LIVE SECRET KEY>

  2. تنظیم خود را کلید انتشار زندگی می کنند در /public/javascript/app.js .

  3. نقل و انتقال هر دو توابع ابر و میزبانی وب برای تغییرات تاثیر گذار: firebase deploy .