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

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

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

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

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

नमूना ऐप सेट अप करें और तैनात करें

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 पर अपने भुगतान ऐप के URL पर जाएं और सत्यापित करें कि निम्नलिखित सुविधाएं काम करती हैं:

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

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

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

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

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

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

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

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

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

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

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

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