Firebase की मदद से पेमेंट प्रोसेस करना

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

शुरू करने से पहले, Firebase कंसोल में एक प्रोजेक्ट बनाएं और Stripe खाता सेट अप करें.

लागू करने के बारे में खास जानकारी

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

सैंपल ऐप्लिकेशन को सेट अप और डिप्लॉय करना

1. सोर्स कोड पाएं.
2. पुष्टि करने की सेवा देने वाली कंपनी की सेटिंग में जाकर, Google और ईमेल से साइन इन करने की सुविधा चालू करें.
3. Cloud Firestore को चालू करें.
4. अगर आपने Firebase सीएलआई को पहले से इंस्टॉल नहीं किया है, तो उसे इंस्टॉल करें और firebase login से लॉग इन करें.
5. firebase use --add के साथ अपने प्रोजेक्ट का इस्तेमाल करने के लिए, इस सैंपल को कॉन्फ़िगर करें.
6. cd functions; npm install; cd - चलाकर, डिपेंडेंसी को स्थानीय तौर पर इंस्टॉल करना

7. अपने Cloud Functions एनवायरमेंट कॉन्फ़िगरेशन में, Stripe API की गुप्त कुंजी जोड़ें:

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

8. /public/javascript/app.js में, Stripe की पब्लिश की जा सकने वाली कुंजी सेट करें:

   const STRIPE_PUBLISHABLE_KEY=<YOUR STRIPE PUBLISHABLE KEY>;

9. firebase deploy का इस्तेमाल करके, अपना प्रोजेक्ट डिप्लॉय करें. यह निर्देश:

   1. public डायरेक्ट्री में मौजूद सभी फ़ाइलों को Hosting पर भेजता है, ताकि आपकी वेबसाइट उपलब्ध हो.
   2. functions डायरेक्ट्री में मौजूद कोड को Cloud Functions for Firebase पर भेजता है.
   3. Cloud Firestore में कॉन्फ़िगर किए गए तरीके के मुताबिक, आपके Cloud Firestore डेटाबेस पर सुरक्षा नियम सेट करता है.firestore.rules दिए गए नियमों के तहत, उपयोगकर्ता सिर्फ़ अपने पेमेंट और पेमेंट के तरीकों को पढ़ सकता है और उनमें बदलाव कर सकता है.

सैंपल ऐप्लिकेशन को टेस्ट करना

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

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

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

अपने उपयोगकर्ताओं को बेहतर अनुभव देने के लिए, पेमेंट पेज के दिखने के तरीके को अपनी पसंद के मुताबिक बनाया जा सकता है. इसके अलावा, इसे अपने मौजूदा ऐप्लिकेशन में भी जोड़ा जा सकता है.

प्रोसेस किए गए पेमेंट देखना

पेमेंट पेज को सेट अप और डिप्लॉय करने के बाद, Firebase कंसोल पर जाकर उपयोगकर्ताओं की सूची देखी जा सकती है. साथ ही, पेमेंट करने के उनके तरीकों और पेमेंट की जानकारी भी देखी जा सकती है.

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

लाइव पेमेंट स्वीकार करना

लाइव जाने के लिए, आपको टेस्ट पासकोड को लाइव पासकोड से बदलना होगा. इन कुंजियों के बारे में ज़्यादा जानने के लिए, Stripe के दस्तावेज़ देखें.

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

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

2. /public/javascript/app.js में, पब्लिश की जा सकने वाली लाइव कुंजी सेट करें.

3. बदलावों को लागू करने के लिए, Cloud Functions और Hosting, दोनों को फिर से डिप्लॉय करें: firebase deploy.