वेब आधारित पेमेंट ऐप्लिकेशन रजिस्टर करना

रजिस्टर करते समय, वेब-आधारित पेमेंट ऐप्लिकेशन को कॉन्फ़िगर करने का तरीका जानें.

वेब-आधारित पेमेंट ऐप्लिकेशन, प्रोग्रेसिव वेब ऐप्लिकेशन (PWA) होते हैं. ये सेवा वर्कर्स के साथ काम करते हैं. पेमेंट ऐप्लिकेशन में, सेवा वर्कर की अहम भूमिका होती है. यह व्यापारी/कंपनी से पेमेंट के अनुरोध कैप्चर करता है, पेमेंट ऐप्लिकेशन लॉन्च करता है, और व्यापारी/कंपनी के साथ बातचीत करता है.

वेब-आधारित पेमेंट ऐप्लिकेशन को कॉन्फ़िगर करने के लिए, आपको पेमेंट के उपलब्ध तरीकों और सेवा वर्कर को रजिस्टर करना होगा. वेब ऐप्लिकेशन मेनिफ़ेस्ट की मदद से, वेब पर आधारित पेमेंट ऐप्लिकेशन को कॉन्फ़िगर किया जा सकता है.

ब्राउज़र समर्थन

वेब पेमेंट में कई अलग-अलग टेक्नोलॉजी शामिल होती हैं. साथ ही, सहायता की स्थिति ब्राउज़र पर निर्भर करती है.

Chromium Safari Firefox
डेस्कटॉप Android डेस्कटॉप मोबाइल डेस्कटॉप/मोबाइल
Payment Request API
Payment Handler API
iOS/Android पर काम करने वाला पेमेंट ऐप्लिकेशन ✔* ✔*

वेब ऐप्लिकेशन मेनिफ़ेस्ट की मदद से, पेमेंट ऐप्लिकेशन को कॉन्फ़िगर करना

वेब पर आधारित पेमेंट ऐप्लिकेशन को एलान के तौर पर कॉन्फ़िगर करने के लिए, वेब ऐप्लिकेशन का मेनिफ़ेस्ट दिखाएं.

वेब ऐप्लिकेशन मेनिफ़ेस्ट में मौजूद ये प्रॉपर्टी, वेब पर काम करने वाले पेमेंट ऐप्लिकेशन के लिए काम की हैं:

  • name
  • icons
  • serviceworker
    • src
    • scope
    • use_cache

पेमेंट का तरीका सेट अप करना लेख पढ़ें और पक्का करें कि पेमेंट के तरीके का मेनिफ़ेस्ट, आपके वेब ऐप्लिकेशन के मेनिफ़ेस्ट पर सही तरीके से ले जाता हो.

सर्विस वर्कर को ज़रूरत के हिसाब से (जेआईटी) रजिस्टर करना

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

वेब पर आधारित पेमेंट ऐप्लिकेशन को डीबग करना

वेब-आधारित पेमेंट ऐप्लिकेशन के फ़्रंटएंड को डेवलप करते समय, आपको व्यापारी/कंपनी के संदर्भ और पेमेंट ऐप्लिकेशन के संदर्भ के बीच स्विच करना पड़ सकता है. गड़बड़ी को ठीक करने के लिए यहां दी गई सलाह, Chrome पर डेवलप करने के आपके अनुभव को बेहतर बनाएंगी.

लोकल सर्वर पर डेवलप करना

डेवलपमेंट के लिए, किस सर्वर का इस्तेमाल किया जाता है? कई डेवलपर, localhost या कंपनी के इंटरनल सर्वर एनवायरमेंट का इस्तेमाल करते हैं. हालांकि, ऐसा करना चुनौती भरा हो सकता है, क्योंकि ब्राउज़र में बेहतर सुविधाओं के लिए, सुरक्षित एनवायरमेंट (एचटीटीपीएस) और मान्य सर्टिफ़िकेट की ज़रूरत होती है. Payment Request API और Payment Handler API के लिए भी यही नियम लागू होता है. आम तौर पर, होस्टनेम या कंपनी के इंटरनल सर्वर के लिए मान्य सर्टिफ़िकेट नहीं दिया जाता.

अच्छी बात यह है कि Chrome के साथ-साथ कुछ ब्राउज़र, डिफ़ॉल्ट रूप से http://localhost के लिए सर्टिफ़िकेट से छूट देते हैं. Chrome में, सर्टिफ़िकेट की ज़रूरत से छूट पाने के लिए, Chrome का एक इंस्टेंस लॉन्च करें. उदाहरण के लिए, http://*.corp.company.com से ज़रूरी शर्त को हटाने के लिए, इन फ़्लैग का इस्तेमाल करें:

macOS

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --ignore-certificate-errors --unsafely-treat-insecure-origin-as-secure=http://*.corp.company.com

Windows

chrome.exe --ignore-certificate-errors --unsafely-treat-insecure-origin-as-secure=http://*.corp.company.com

फ़्लैग के साथ Chromium चलाना लेख में, रनटाइम फ़्लैग के साथ Chrome चलाने के बारे में ज़्यादा जानें.

लोकल सर्वर को पोर्ट फ़ॉरवर्ड करना

Chrome के DevTools का इस्तेमाल करके, लोकल वेब सर्वर को Android डिवाइस पर पोर्ट फ़ॉरवर्ड किया जा सकता है. साथ ही, यह भी देखा जा सकता है कि यह मोबाइल ब्राउज़र से कैसे काम करता है. ऐसा करने का तरीका जानने के लिए, लोकल सर्वर ऐक्सेस करना लेख पढ़ें.

डेस्कटॉप पर DevTools की मदद से, Android Chrome पर किसी वेबसाइट को रिमोट डीबग करना

डेस्कटॉप DevTools पर, Android Chrome को भी डीबग किया जा सकता है. ऐसा करने का तरीका जानने के लिए, Android डिवाइसों को रिमोट से डीबग करने की सुविधा का इस्तेमाल शुरू करना लेख पढ़ें.

पेमेंट हैंडलर इवेंट लॉगिंग

DevTools, स्थानीय डेवलपमेंट को आसान बनाने के लिए, पेमेंट हैंडलर एपीआई इवेंट दिखा सकता है. व्यापारी/कंपनी के संदर्भ में DevTools खोलें और ऐप्लिकेशन पैनल में, "पेमेंट हैंडलर" सेक्शन पर जाएं. "दूसरे डोमेन से इवेंट दिखाएं" को चुनें. इसके बाद, पेमेंट मैनेज करने वाले सेवा वर्कर को भेजे गए इवेंट कैप्चर करने के लिए, "रिकॉर्ड करें" बटन पर क्लिक करें.

पेमेंट हैंडलर इवेंट को लॉग करने का स्क्रीनशॉट.
पेमेंट हैंडलर इवेंट लॉगिंग.

अगले चरण

अगले चरण में, यह जानना है कि रनटाइम के दौरान, सेवा वर्कर किसी पेमेंट ट्रांज़ैक्शन को कैसे मैनेज कर सकता है.