फायरबेस के साथ भुगतान की प्रक्रिया

कुछ अलग फायरबेस सुविधाओं और स्ट्राइप का उपयोग करके, आप अपने स्वयं के सर्वर इन्फ्रास्ट्रक्चर के निर्माण के बिना अपने वेब ऐप में भुगतान संसाधित कर सकते हैं। इस गाइड को अनुकूलित और खुला स्रोत के अपने स्वयं के संस्करण की तैनाती से अवगत 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. अपने जोड़े धारी एपीआई गुप्त कुंजी अपने बादल कार्य वातावरण विन्यास करने के लिए:

    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 और सत्यापित करें कि निम्नलिखित काम विशेषताएं:

  • आप Google या ईमेल के माध्यम से साइन इन कर सकते हैं।
  • आप एक नया जोड़ सकते हैं धारी परीक्षण कार्ड और कार्ड का चयन तत्व में देखने।
  • आप अपना कोई एक कार्ड चुन सकते हैं और उसे चार्ज कर सकते हैं।
  • आप साइन आउट कर सकते हैं।

तुलना के लिए, को देखने के 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