Google is committed to advancing racial equity for Black communities. See how.
דף זה תורגם על ידי Cloud Translation API.
Switch to English

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

באמצעות כמה וכמה מאפייני Firebase ו- Stripe שונים, אתה יכול לעבד תשלומים ביישום האינטרנט שלך מבלי לבנות תשתית שרת משלך. מדריך זה מנחה אותך בהתאמה אישית ובפריסה של הגרסה שלך בעצמך ליישום הדוגמא של קוד פתוח בענן פתוח.

לפני שתתחיל, צור פרוייקט במסוף Firebase והגדר חשבון Stripe .

סקירת יישום

  1. הגדר חשבון פס .
  2. צור פרויקט במסוף Firebase .
  3. אפשר חיוב עבור הפרויקט שלך וקבע את התצורה של Firebase CLI כך שישתמש בפרוייקט שלך באמצעות firebase use --add .
  4. השג את קוד המקור עבור אפליקציית Firestripe לדוגמא. קבע את התצורה עם המידע הנכון לפרויקט שלך והתאם את הקוד כך שיתאים לאפליקציה שלך.
  5. לאחר פריסת האפליקציה שלך, חפש רשימת משתמשים ועסקאות במסוף Firebase.

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

  1. קבל את קוד המקור .
  2. אפשר כניסה של Google ודוא"ל בהגדרות ספק האימות שלך.
  3. אפשר Cloud Firestore .
  4. התקן את ה- Firebase CLI אם עדיין לא עשית זאת, והיכנס באמצעות firebase login .
  5. קבע את התצורה של דגימה זו כדי להשתמש בפרויקט שלך באמצעות firebase use --add .
  6. התקן תלות מקומית על ידי הפעלת cd functions; npm install; cd -
  7. הוסף את מפתח ה- Secret Stripe שלך לתצורת סביבת פונקציות הענן שלך:

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

  8. קבע את מפתח /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 וודא שהתכונות הבאות עובדות:

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

לשם השוואה, ראו ענן-פונקציות- שלב-דוגמה . web.app .

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

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

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

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

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

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

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

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

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

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