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

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

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

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

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

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

Chromium Safari Firefox
डेस्कटॉप Android डेस्कटॉप मोबाइल डेस्कटॉप/मोबाइल
पेमेंट के अनुरोध का एपीआई
पेमेंट हैंडलर एपीआई
iOS/Android पेमेंट ऐप्लिकेशन ✔* ✔*

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

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

वेब ऐप्लिकेशन मेनिफ़ेस्ट में नीचे दी गई प्रॉपर्टी, वेब पर आधारित पेमेंट ऐप्लिकेशन के लिए काम की हैं:

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

यह पक्का करने के लिए कि आपके पेमेंट के तरीके का मेनिफ़ेस्ट, वेब ऐप्लिकेशन मेनिफ़ेस्ट को सही तरीके से पॉइंट करता हो, पेमेंट का तरीका सेट अप करना देखें.

सर्विस वर्कर जस्ट-इन-टाइम (जेआईटी) के लिए रजिस्टर करना

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

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

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

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

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

अच्छी खबर यह है कि कुछ ब्राउज़र, जैसे कि 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 पर किसी वेबसाइट को रिमोट तरीके से डीबग करना

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

पेमेंट हैंडलर इवेंट में होने वाली गतिविधियों को लॉग करना

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

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

अगले चरण

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