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

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

Eiji Kitamura

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

डेवलपमेंट के लिए, किस सर्वर का इस्तेमाल किया जाता है? कई डेवलपर, लोकलहोस्ट या कंपनी के इंटरनल सर्वर एनवायरमेंट का इस्तेमाल करते हैं. हालांकि, ऐसा करना मुश्किल हो सकता है, क्योंकि ब्राउज़र में मौजूद बेहतर सुविधाओं के लिए, सुरक्षित एनवायरमेंट (एचटीटीपीएस) और मान्य सर्टिफ़िकेट की ज़रूरत होती है. Payment Request API और Web-based 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

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

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

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

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

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

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

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

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

अगले चरण

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