तैयार Google पे क्लाइंट मॉड्यूल

कॉमरेड, मैं Google पे का उपयोग करके भुगतान करने के लिए एक रेडीमेड जावास्क्रिप्ट मॉड्यूल पेश कर रहा हूं। मॉड्यूल में आधुनिक विकास के माहौल में निर्यात-आयात के साथ एनपीएम का उपयोग शामिल है, हालांकि, जो स्वच्छ ईएस 5 चाहते हैं, मुझे लगता है, इसे आसानी से फिर से कर सकते हैं।

मॉड्यूल से लिंक करें । कोड में आवश्यक दस्तावेज और टिप्पणियां हैं। मैं यहां कुछ स्पष्टीकरण दूंगा।



मुझे कहना होगा कि भुगतान बटन पर Google प्रलेखन सबसे आसान नहीं था, Google पे एपीआई द्वारा लौटाए गए त्रुटियों की सूची भी सबसे पूर्ण नहीं है। इसलिए, Google वेतन के साथ ApplePay के साथ काम करने के विपरीत, मुझे मॉड्यूल को वास्तव में काम करने से पहले थोड़ा आकर्षित करना था।

काम में दो चरण होते हैं: पहला, हमें यह तय करना होगा कि बटन दिखाना है या नहीं (सभी ब्राउज़र Google पे का समर्थन नहीं करते हैं), और फिर भुगतान प्रसंस्करण स्वयं करें।

1. बटन प्रदर्शन

export function showGooglePayButton(options, callbacks) { //   const check = checkParams("showGooglePayButton", options, callbacks); if (!check) { return false; } else { options = check.options; } const paymentsClient = new google.payments.api.PaymentsClient({environment: options.environment}); //      ,   API callbacks.setPaymentClient(paymentsClient); const request = { apiVersion: 2, apiVersionMinor: 0, allowedPaymentMethods: [options.googleBaseCardPaymentMethod] }; paymentsClient.isReadyToPay(request) .then(function(response) { if (response.result) { callbacks.success(); return true; } else { console.log("    Google Pay  "); callbacks.fail(); } }) .catch(function(err) { console.log("showGooglePayButton ERROR"); callbacks.fail(); }); } 

यहां कुछ भी जटिल नहीं है। विकल्पों में, हम दो पैरामीटर पास करते हैं - googleBaseCardPaymentMethod और पर्यावरण।

googleBaseCardPaymentMethod एक ऐसी वस्तु है जो भुगतान प्रकारों और मापदंडों को सूचीबद्ध करती है ( यहाँ अनुमति दी गई खोज पर अधिक विवरण)। यदि यह सेट नहीं है, तो हम कोड में मानक सेटर को कॉल करते हैं, जो हमें एक सामान्य वस्तु लौटाता है:

 const setGoogleBaseCardPaymentMethod = () => { return { type: "CARD", parameters: { allowedAuthMethods: ["PAN_ONLY", "CRYPTOGRAM_3DS"], allowedCardNetworks: ["AMEX", "DISCOVER", "JCB", "MASTERCARD", "VISA"] } } }; 

पर्यावरण एक पर्यावरण, उत्पादन या परीक्षण है

सफलता कॉलबैक के कॉल पर, हम वास्तव में आकर्षित करते हैं (या पहले से ही खींचा हुआ) बटन दिखाते हैं। यह आपकी पसंद है। बस याद रखें कि Google को अपने गाइड से मेल खाना चाहिए।

2. प्रसंस्करण

Google पे बटन को प्रदर्शित करने के लिए, आपके ब्राउज़र के एपीआई ने पेमेंटक्लाइंट ऑब्जेक्ट बनाया है, जो अब, अन्य मापदंडों के साथ, प्रसंस्करण फ़ंक्शन को पास करने की आवश्यकता है। आइए अन्य मापदंडों को देखें:

googleBaseCardPaymentMethod - ऊपर देखें
googlePayPublicKey, merc_id, merc_name - Google पे के साथ सफलतापूर्वक काम करने के लिए, आपके पास एक पंजीकृत व्यापारी होना चाहिए। इसके पैरामीटर्स हमें मिलते हैं।

इसके अलावा, हम सफलता स्थानांतरित करते हैं और कॉलबैक विफल करते हैं, साथ ही भुगतान करने के लिए डेटा (नीचे देखें)।

इसलिए, भुगतान करने के लिए, हमें पहले से भुगतान किए गए भुगतान ऑब्जेक्ट को ले जाना चाहिए और भुगतान के साथ लोडडायमेट विधि को कॉल करना होगा।

 const getGooglePaymentDataRequest = () => { const cardPaymentMethod = Object.assign( {}, baseMethod, { tokenizationSpecification: token } ); const paymentDataRequest = { apiVersion: 2, apiVersionMinor: 0, allowedPaymentMethods : [cardPaymentMethod], /* for demo (enviroment TEST): merchantInfo : { merchantId: '12345678901234567890', merchantName: 'JOHN SMITH' }, */ /* for prod (enviroment PRODUCTION): merchantInfo : { merchantId: options.merc_id, merchantName: options.merc_name }, */ merchantInfo : { merchantId: options.merc_id, merchantName: options.merc_name }, transactionInfo : { currencyCode: options.currency, totalPriceStatus: 'FINAL', totalPrice: "" + options.sum } }; return paymentDataRequest; }; 

एक परीक्षण वातावरण के लिए, Google अपनी मर्चेंटइन्फो ऑब्जेक्ट प्रदान करता है। इसे व्यापारी के साथ उपयोग करने की आवश्यकता है जो उदाहरण में लिखा गया है, व्यापारी नाम महत्वपूर्ण नहीं है।

इसके अलावा, हमें एक टोकन ऑब्जेक्ट की आवश्यकता है:

 const token = { /* for demo (enviroment TEST): parameters: { "protocolVersion": "ECv1", "publicKey": yourTestPublicKey } */ /* for prod (enviroment PRODUCTION): parameters: { "protocolVersion": "ECv1", "publicKey": params.googlePayPublicKey } */ type: 'DIRECT', parameters: { "protocolVersion": "ECv1", "publicKey": options.googlePayPublicKey } }; 

→ यहाँ मापदंडों के बारे में अधिक पढ़ें

इसके अलावा, जब ऑब्जेक्ट बन जाता है, लोडपायमेंटडैट विधि का उपयोग करते हुए , Google सर्वर को एक अनुरोध भेजा जाता है, सहेजे गए कार्ड के साथ फ्रेम खोला जाता है, ऑपरेशन पूरा होने के बाद, फ्रेम बंद हो जाता है:

 paymentsClient.loadPaymentData(paymentDataRequest) .then(function(paymentData) { const googleToken = JSON.parse(paymentData.paymentMethodData.tokenizationData.token); // your own client-back ajax request here } 

विधि के सफल निष्पादन के बाद (अर्थात, सहेजे गए कार्ड को कॉल करना और सत्यापन पास करना), हम Google पे का उपयोग करके भुगतान करने के लिए अपने स्वयं के बैक-एंड के लिए AJAX अनुरोध कर सकते हैं। इस अनुरोध में, हमें googleToken को स्थानांतरित करना होगा , जो Google से आया था, साथ ही साथ सार्वजनिक कुंजी भी।

यही है, हमारे Google भुगतान का भुगतान पीठ पर प्रसंस्करण के बाद हुआ है!