עיבוד תשלומים באמצעות Firebase

באמצעות כמה תכונות Firebase שונות ופס, אתה יכול לעבד תשלומים באפליקציית האינטרנט שלך מבלי לבנות תשתית שרתים משלך. מדריך זה ילווה אותך אישית ופריסה גרסה משלך של הקוד הפתוח 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 ולוודא כי לאחר תכונות העבודה:

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

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

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

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

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

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

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

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

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

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

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

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