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

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

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

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

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

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

  1. सोर्स कोड पाएं.
  2. पुष्टि करने की सेवा देने वाली कंपनी की सेटिंग में जाकर, Google और ईमेल से साइन इन करने की सुविधा चालू करें.
  3. Cloud Firestore को चालू करें.
  4. अगर आपने पहले से Firebase CLI इंस्टॉल नहीं किया है, तो इसे इंस्टॉल करें. इसके बाद, 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.