Firebase के साथ भुगतान प्रक्रिया करें

कुछ अलग फायरबेस सुविधाओं और स्ट्राइप का उपयोग करके, आप अपने स्वयं के सर्वर इन्फ्रास्ट्रक्चर के निर्माण के बिना अपने वेब ऐप में भुगतान संसाधित कर सकते हैं। यह मार्गदर्शिका आपको ओपन-सोर्स क्लाउड- फ़ंक्शंस-stripe-sample.web.app उदाहरण ऐप के अपने स्वयं के संस्करण को अनुकूलित और परिनियोजित करने के बारे में बताती है।

शुरू करने से पहले, फायरबेस कंसोल में एक प्रोजेक्ट बनाएं और एक स्ट्राइप अकाउंट सेट करें।

नोट: स्ट्राइप के हमारे भागीदारों ने दो नए एक्सटेंशन पेश किए हैं, स्ट्राइप के साथ सब्सक्रिप्शन पेमेंट्स चलाएं और स्ट्राइप का उपयोग करके इनवॉइस भेजें , ताकि भुगतानों को और भी कम कोड के साथ प्रोसेस करना संभव हो सके!

कार्यान्वयन सिंहावलोकन

1. एक स्ट्राइप खाता सेट करें।
2. फायरबेस कंसोल में एक प्रोजेक्ट बनाएं।
3. अपने प्रोजेक्ट के लिए बिलिंग सक्षम करें और अपने प्रोजेक्ट को firebase use --add के साथ उपयोग करने के लिए Firebase CLI को कॉन्फ़िगर करें।
4. नमूना Firestripe ऐप के लिए स्रोत कोड प्राप्त करें। इसे अपने प्रोजेक्ट के लिए सही जानकारी के साथ कॉन्फ़िगर करें और अपने ऐप में फिट होने के लिए कोड को कस्टमाइज़ करें।
5. अपना ऐप परिनियोजित करने के बाद, Firebase कंसोल में उपयोगकर्ताओं और लेन-देनों की सूची देखें।

नमूना ऐप सेट अप और परिनियोजित करें

1. स्रोत कोड प्राप्त करें।
2. अपनी प्रमाणीकरण प्रदाता सेटिंग में Google और ईमेल साइन-इन सक्षम करें।
3. क्लाउड फायरस्टोर सक्षम करें।
4. यदि आपने पहले से फायरबेस सीएलआई स्थापित नहीं किया है, और 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 निर्देशिका में कोड भेजता है।
   3. आपके क्लाउड फायरस्टोर डेटाबेस पर सुरक्षा नियम सेट करता है जैसा कि firestore.rules में कॉन्फ़िगर किया गया है। प्रदान किए गए नियम केवल उपयोगकर्ता को अपने स्वयं के भुगतान और भुगतान विधियों को पढ़ने और लिखने की अनुमति देते हैं।

नमूना ऐप का परीक्षण करें

your-firebase-project-id.web.app पर अपने पेमेंट्स ऐप के यूआरएल पर जाएं और सत्यापित करें कि निम्नलिखित सुविधाएं काम करती हैं:

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

तुलना के लिए, देखें Cloud-functions-stripe-sample.web.app ।

अपने उपयोगकर्ताओं के लिए एक सुव्यवस्थित अनुभव प्रदान करने के लिए, आप अपने भुगतान पृष्ठ की उपस्थिति को और अधिक अनुकूलित कर सकते हैं, या इसे अपने मौजूदा ऐप में प्लग कर सकते हैं।

संसाधित भुगतान देखें

एक बार जब आप अपना भुगतान पृष्ठ सेट और परिनियोजित कर लेते हैं, तो आप Firebase कंसोल की जांच कर सकते हैं और उपयोगकर्ताओं की भुगतान विधियों और भुगतानों के साथ उनकी सूची देख सकते हैं।

1. क्लाउड फायरस्टोर पर जाएं।
2. अपने उपयोगकर्ताओं की सूची के लिए जाँच करें और, यदि उन्होंने कोई क्रेडिट कार्ड जोड़ा है या कोई लेन-देन किया है, तो प्रत्येक उपयोगकर्ता के तहत उनकी सूची की जाँच करें।

लाइव भुगतान स्वीकार करें

एक बार जब आप लाइव होने के लिए तैयार हो जाते हैं, तो आपको अपनी लाइव कुंजियों के लिए अपनी परीक्षण कुंजियों का आदान-प्रदान करना होगा। इन चाबियों के बारे में अधिक जानने के लिए स्ट्राइप डॉक्स देखें।

1. अपना स्ट्राइप सीक्रेट कॉन्फिगरेशन अपडेट करें:

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

2. अपनी लाइव प्रकाशन योग्य कुंजी को /public/javascript/app.js में सेट करें।

3. परिवर्तनों को प्रभावी करने के लिए क्लाउड फ़ंक्शंस और होस्टिंग दोनों को फिर से नियोजित करें: firebase deploy ।