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

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

Eiji Kitamura

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

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

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

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

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

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

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

• 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 से ज़रूरी शर्त को हटाने के लिए, इन फ़्लैग का इस्तेमाल करें:

• --ignore-certificate-errors
• --unsafely-treat-insecure-origin-as-secure=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

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

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

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

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

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

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

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

अगले चरण

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

• सेवा देने वाले व्यक्ति की मदद से पेमेंट लेन-देन को मैनेज करना