עיבוד תשלומים באמצעות 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. אפשר Google & Email כניסה עם שלך הגדרות ספק אימות .
  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 . הכללים המסופקים מאפשרים רק למשתמש לקרוא ולכתוב את התשלומים ואמצעי התשלום שלו.

בדוק את האפליקציה לדוגמה

בקר בכתובת האתר של האפליקציה התשלום בכל your-firebase-project-id.web.app ולוודא כי לאחר תכונות העבודה:

  • אתה יכול להיכנס דרך Google או דוא"ל.
  • ניתן להוסיף חדש כרטיס מבחן פס ולהציג אותו אלמנט הכרטיס בוחר.
  • אתה יכול לבחור אחד מהכרטיסים שלך ולחייב אותו.
  • אתה יכול לצאת.

לשם השוואה, לראות cloud-functions-stripe-sample.web.app .

כדי לספק למשתמשים שלך חוויה יעילה יותר, תוכל להתאים אישית עוד יותר את מראה דף התשלום שלך, או לחבר אותו לאפליקציה הקיימת שלך.

הצג תשלומים מעובדים

לאחר שתגדיר ופרס את דף התשלומים שלך, תוכל לבדוק במסוף Firebase ולראות רשימת משתמשים יחד עם אמצעי התשלום והתשלומים שלהם.

  1. עבור אל ענן Firestore .
  2. בדוק רשימת המשתמשים שלך, ואם הם הוסיפו כרטיסי אשראי או ביצעו עסקאות כלשהן, רשימה של אלה שנמצאים תחת כל משתמש.

קבל תשלומים חיים

ברגע שאתה מוכן לצאת לשידור חי, יהיה עליך להחליף את מפתחות הבדיקה שלך במפתחות החי שלך. עיין Docs הפס כדי ללמוד עוד על המפתחות האלה.

  1. עדכן את תצורת הסוד שלך ב- Stripe:

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

  2. גדר שלך מפתח לפרסום החי ב /public/javascript/app.js .

  3. מתפרסים הן פונקציות ענן ואירוח כדי שהשינויים ייכנסו לתוקף: firebase deploy .