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

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

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

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

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

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

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

    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 डेटाबेस पर सुरक्षा के नियम सेट करता है, जैसा कि इसमें कॉन्फ़िगर किया गया है firestore.rules. दिए गए नियमों के तहत, उपयोगकर्ता सिर्फ़ अपने पेमेंट और पेमेंट के तरीकों को पढ़ और लिख सकता है.

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

यहां पर अपने पेमेंट्स ऐप्लिकेशन के URL पर जाएं 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.