Google is committed to advancing racial equity for Black communities. See how.
ترجمت واجهة Cloud Translation API‏ هذه الصفحة.
Switch to English

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

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

قبل البدء ، أنشئ مشروعًا في وحدة تحكم Firebase وقم بإعداد حساب Stripe .

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

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

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

  1. احصل على كود المصدر .
  2. تمكين تسجيل الدخول إلى Google & Email في إعدادات موفر المصادقة .
  3. تمكين Cloud Firestore .
  4. قم بتثبيت Firebase CLI إذا لم تكن قد قمت بذلك بالفعل ، وقم بتسجيل الدخول باستخدام firebase login .
  5. هيئ هذه العينة لاستخدام مشروعك firebase use --add .
  6. تثبيت التبعيات محليًا عن طريق تشغيل cd functions; npm install; cd -
  7. أضف مفتاح سر واجهة برمجة تطبيقات Stripe إلى تهيئة بيئة وظائف السحاب:

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

  8. قم بتعيين مفتاح Stripe /public/javascript/app.js للنشر في /public/javascript/app.js :

    const STRIPE_PUBLISHABLE_KEY=<YOUR STRIPE PUBLISHABLE KEY>;

  9. انشر مشروعك باستخدام firebase deploy . هذا الأمر:

    1. يرسل جميع الملفات في الدليل public إلى Hosting بحيث يكون موقعك الإلكتروني متاحًا.
    2. يرسل الرمز في دليل functions إلى Cloud Functions for Firebase.
    3. لتعيين قواعد الأمان على قاعدة بيانات Cloud Firestore الخاصة بك كما تم تكوينها في firestore.rules . تسمح القواعد المقدمة فقط للمستخدم بقراءة وكتابة المدفوعات وطرق الدفع الخاصة به.

اختبار التطبيق عينة

your-firebase-project-id.web.app إلى عنوان URL لتطبيق الدفعات على your-firebase-project-id.web.app وتحقق من عمل الميزات التالية:

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

للمقارنة ، راجع cloud-functions-stripe-sample.web.app .

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

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

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

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

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

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

  1. قم بتحديث تكوين Stripe secret:

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

  2. اضبط مفتاحك /public/javascript/app.js للنشر في /public/javascript/app.js .

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