معالجة المدفوعات باستخدام Firebase

باستخدام بعض ميزات Firebase المختلفة و Stripe ، يمكنك معالجة المدفوعات في تطبيق الويب الخاص بك دون إنشاء البنية الأساسية للخادم الخاص بك. هذا دليل يرشدك من خلال تخصيص ونشر نسختك الخاصة من المصدر المفتوح cloud-functions-stripe-sample.web.app سبيل المثال التطبيق.

قبل البدء في إنشاء مشروع في وحدة التحكم Firebase واقامة الشريط حساب.

نظرة عامة على التنفيذ

  1. إعداد الشريط حساب.
  2. إنشاء مشروع في وحدة التحكم Firebase .
  3. تمكين الفوترة لمشروعك وتكوين Firebase CLI لاستخدام مشروعك مع firebase use --add .
  4. الحصول على الشفرة المصدرية للبرنامج Firestripe عينة. قم بتكوينه بالمعلومات الصحيحة لمشروعك وخصص الكود ليناسب تطبيقك.
  5. بمجرد نشر تطبيقك ، ابحث عن قائمة بالمستخدمين والمعاملات في وحدة تحكم Firebase.

إعداد ونشر نموذج التطبيق

  1. الحصول على الشفرة المصدرية .
  2. تمكين جوجل وأرسل تسجيل الدخول الخاصة بك في إعدادات موفر المصادقة .
  3. تمكين الغيمة Firestore .
  4. تثبيت Firebase 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 دليل على وظائف السحب لFirebase.
    3. يضع القواعد الأمنية على قاعدة بيانات سحابة Firestore الخاص بك كما تم تكوينها في firestore.rules . تسمح القواعد المقدمة للمستخدم بقراءة وكتابة مدفوعاته وطرق الدفع الخاصة به.

اختبر نموذج التطبيق

زيارة URL المدفوعات التطبيق الخاص بك في your-firebase-project-id.web.app وتحقق ما يلي يتميز العمل:

  • يمكنك تسجيل الدخول عبر جوجل أو البريد الإلكتروني.
  • يمكنك إضافة جديدة بطاقة اختبار الشريط والاطلاع عليه في العنصر حدد بطاقة.
  • يمكنك اختيار إحدى بطاقاتك وشحنها.
  • يمكنك تسجيل الخروج.

وعلى سبيل المقارنة، انظر cloud-functions-stripe-sample.web.app .

لتوفير تجربة سلسة للمستخدمين ، يمكنك تخصيص مظهر صفحة الدفع الخاصة بك بشكل أكبر ، أو توصيلها بتطبيقك الحالي.

عرض المدفوعات المعالجة

بمجرد إعداد صفحة المدفوعات ونشرها ، يمكنك التحقق من وحدة تحكم Firebase والاطلاع على قائمة بالمستخدمين بالإضافة إلى طرق الدفع والمدفوعات الخاصة بهم.

  1. الذهاب إلى سحابة Firestore .
  2. تحقق من وجود قائمة بالمستخدمين لديك ، وإذا قاموا بإضافة أي بطاقات ائتمان أو أجروا أي معاملات ، فقم بقائمة بتلك الموجودة تحت كل مستخدم.

قبول المدفوعات الحية

بمجرد أن تصبح جاهزًا لبدء البث المباشر ، ستحتاج إلى استبدال مفاتيح الاختبار الخاصة بك بمفاتيح البث المباشر. اطلع على مستندات الشريط لمعرفة المزيد عن هذه المفاتيح.

  1. قم بتحديث تكوين سر الشريط الخاص بك:

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

  2. تعيين الخاص بك مفتاح للنشر يعيش في /public/javascript/app.js .

  3. إعادة نشر على حد سواء وظائف السحب واستضافة لتصبح التغييرات نافذة المفعول: firebase deploy .