हमने Google पे के माध्यम से यैंडेक्स में भुगतान कैसे किया। अपडेट [अद्यतन]

जब Google पे पहली बार रूस में दिखाई दिया, मैंने एक खाता शुरू किया, वहां एक कार्ड जोड़ा और महसूस किया कि मैं और कुछ नहीं कर सकता। मेरे फोन में कोई एनएफसी नहीं था, इंटरनेट पर भुगतान करने के लिए कुछ भी नहीं है - ठीक है, ठीक है, यह मुझे परेशान नहीं करता है। अंत में, कार्ड से अंकों को अपने हाथों से चलाना या उन्हें ब्राउज़र पासवर्ड स्टोर से खींचना हमेशा संभव था।

फिर मैंने देखा कि कैसे अलग-अलग लोग जो मेरे सामने लाइन में खड़े थे, उन्होंने स्मार्टफोन से भुगतान किया; तब मैंने हर जगह Google पे का उपयोग करने के लिए विज्ञापन और छूट देखी, लेकिन फिर भी इसका लाभ नहीं उठा सका - मैं अभी भी NFC के बिना फोन के साथ गया था।

और अब आ गया है। अब मैं Google पे के माध्यम से उन साइटों के किसी भी उपकरण से भुगतान कर सकता हूं जो Yandex.Cash से जुड़ी हुई हैं (और उनमें से बहुत से हैं)। मैं आपको बताता हूँ कि यह कैसे हुआ और हमारे डेवलपर्स को किन तकनीकी समस्याओं का समाधान करना पड़ा; सामने और बैकएंड में बहुत सारी दिलचस्प चीजें हैं।

बस एपीआई जोड़ें

"कॉमरेड डेवलपर्स, क्या इतना मुश्किल था?"
- हां, हमने उनके डॉक पर Google से सिर्फ एक लाइब्रेरी जोड़ी है।

कैशियर डेवलपर्स के साथ Google पे को जोड़ने के बारे में मेरी बातचीत का यह पहला मिनट था (55 सेकंड की अजीब चुप्पी सहित)। लेकिन तब मुझे बर्खास्त नहीं किया गया था, और हमें कुछ दिलचस्प बातें पता चलीं।

Google पे कार्ड भुगतान प्रक्रिया को बदल देता है

अब कैशियर के माध्यम से आप किसी भी क्रेडिट कार्ड से भुगतान कर सकते हैं, यहां तक ​​कि विदेशों में भी। ऑनलाइन किसी भी कार्ड से भुगतान की तरह, यह हमेशा सुविधाजनक नहीं होता है - कभी-कभी आपको अपने वॉलेट में जाने, अंधेरे में नंबर ड्राइव करने और यह जांचने की आवश्यकता होती है कि कहीं भी कुछ गड़बड़ नहीं हुई है। जीवन को आसान बनाने के लिए, आप यैंडेक्स में लॉग इन कर सकते हैं और बंधे कार्ड से भुगतान कर सकते हैं।

हमने एक योजना लागू की जिसमें कैशियर के माध्यम से कार्ड से भुगतान एकरूप हो गया और अच्छी तरह से प्रलेखित हो गया। यदि आप रूटिंग और सुरक्षा बारीकियों की सभी जटिलताओं को दूर करते हैं, तो योजना इस प्रकार है:

1. उपयोगकर्ता माल का चयन करता है, एक ऑर्डर देता है और भुगतान फॉर्म Yandex.Cash पर स्विच करता है। वहां आप किसी भी कार्ड का विवरण दर्ज कर सकते हैं या अपने लिंक किए गए कार्डों को देखने के लिए यैंडेक्स में लॉग इन कर सकते हैं।
2. चयनित भुगतान पद्धति पर डेटा टोकन के लिए बैकएंड पर भेजा जाता है। ब्राउज़र कार्ड टोकन प्राप्त करता है और भुगतान के लिए इसका उपयोग करने की कोशिश करता है।
3. यदि सब कुछ क्रम में है, तो बैकएंड बैंक को कार्ड पर राशि को अवरुद्ध करने के लिए कहता है, भुगतान करता है और अपनी स्थिति लौटाता है। इसके आधार पर, ब्राउज़र सफलता के पृष्ठ पर रीडायरेक्ट करता है या एक त्रुटि संदेश प्रदर्शित करता है।

विभिन्न चरणों में, प्रक्रिया को समाप्त करने के लिए अलग-अलग शर्तें हैं - अमान्य टोकन, खाली खाते या इंटरनेट बंद करना - लेकिन तर्क एक ही रहता है। और इस मामले में, आप सर्वर पर पेज को पूरी तरह से प्रस्तुत कर सकते हैं, लेकिन मैं इसके साथ कठिनाइयों के बारे में चर्चा करूंगा।

Google पे के लिए, आपको कुछ और मध्यवर्ती चरणों की आवश्यकता है।

सबसे पहले, भुगतान विधि और टोकन चुनने के बीच Google API पर एक कॉल है - यह जांचना आवश्यक है कि डिवाइस Google पे के माध्यम से भुगतान का समर्थन करता है या नहीं। "पे" बटन पर क्लिक करने के बाद, Google पे वेब इंटरफ़ेस दिखाई देता है, जहाँ उपयोगकर्ता लॉग इन करता है, जोड़े गए कार्डों में से एक का चयन करता है या नए कार्ड के विवरण में प्रवेश करता है।

दूसरे, Google से सुरक्षा का एक और चक्र है। ब्राउज़र सीधे विवरण प्राप्त नहीं करता है - यह एक क्रिप्टोग्राम प्राप्त करता है, जो बदले में, टोकन के लिए बैकेंड में जाता है। वहां इसे Google से कुंजियों के साथ डिक्रिप्ट किया जाता है, और फिर चरण 3 देखें।

स्वाभाविक रूप से, प्रत्येक अतिरिक्त कदम (यहां तक ​​कि कड़ाई से प्रलेखन का पालन करना) एक अतिरिक्त विकास और परीक्षण का समय है। यह सभी अधिक सुखद है कि व्यापारी को व्यावहारिक रूप से कुछ भी नहीं करना होगा - Google पे के माध्यम से किसी भी साइट पर भुगतान करना आसान है, जिसमें एक यैंडेक्स है। भुगतान भुगतान फ़ॉर्म। विवरण कैशियर की वेबसाइट पर हैं।

फ्रंटेंड में एक दिलचस्प कहानी भी पाई गई - यह रचनात्मक खोज, सबूत और यूएक्स के बारे में है।

भुगतान पृष्ठ पर Google पे बटन

कैशियर के भुगतान पृष्ठ को सर्वर पर पूरी तरह से इकट्ठा किया गया है - यह बैकएंड से डेटा प्राप्त करता है, इसे टेम्पलेट इंजन के माध्यम से चलाता है और ब्राउज़र को तैयार HTML, सीएसएस और जावास्क्रिप्ट कोड देता है। तो पेज तेजी से खींचा जाता है - जब सभी डेटा तैयार हो जाता है, और क्लाइंट पर जेएस के माध्यम से सभी गतिशील सामग्री काम करती है।

कठिनाई यह है कि यह निर्धारित करना संभव है कि ग्राहक के Google खाते ने Google के ग्राहक पुस्तकालय के माध्यम से भुगतान का मतलब जोड़ा है या नहीं। इसलिए, भुगतान बटन के साथ पृष्ठ का हिस्सा खींचने वाला तर्क क्लाइंट पर लागू किया जाना था। एक छोटी खोज के बाद तकनीकी समाधान पाया गया था।

बैकएंड पर, आपको यह जांचने की आवश्यकता है कि क्या स्टोर ने Google पे के माध्यम से भुगतान सक्षम किया है - यदि ऐसा है, तो टेम्पलेट इंजन में हम पेज पर Google पे लाइब्रेरी के लिए सीडीएन लिंक जोड़ते हैं और ब्राउज़र को एक संकेत देते हैं कि आपको इस भुगतान पद्धति का उपयोग करके डेटा डाउनलोड करने की आवश्यकता है।

क्लाइंट पर, आपको यह जांचने की आवश्यकता है कि क्या कोई आवश्यक संकेत है - और यदि ऐसा है, तो सत्यापन विधि को कॉल करें कि क्या इस डिवाइस पर Google पे के माध्यम से भुगतान समर्थित हैं। यदि सब ठीक है, तो हम उपयोगकर्ता को एक और बटन दिखाते हैं। परिणामस्वरूप, पेज अभी भी सर्वर पर प्रदान किया जाता है, लेकिन अब हम एक और सेवा के लिए कुछ अतिरिक्त अनुरोध कर रहे हैं।

यह सिर्फ यह निकला कि यह सेवा कभी-कभी प्रतिक्रिया नहीं दे सकती है।

एक पूरे महीने, एक भी ब्रेक नहीं!

यह कहानी हमारे यूएक्स विभाग के बारे में है - वे Google पे बटन खींचने के तरीके की तलाश कर रहे थे, लेकिन साथ ही साथ उपयोगकर्ता को फ़ॉर्म के साथ इंटरैक्ट करने के लिए हस्तक्षेप नहीं करना चाहिए।

पहला विचार पूरे पृष्ठ पर मोड़ को लटका देना और Google से प्रतिक्रिया की प्रतीक्षा करना है।

लेकिन अगर आप Google से प्रतिक्रिया का इंतजार करते हैं, तो सर्वर रेंडरिंग का कोई मतलब नहीं है (उपयोगकर्ता अभी भी पृष्ठ पर तब तक बातचीत नहीं कर सकता जब तक हमें क्लाइंट पर डेटा नहीं मिलता), और हम एक तृतीय-पक्ष सेवा पर निर्भर होना शुरू करते हैं। यदि इंटरनेट में कोई समस्या है, तो Google अवरुद्ध या दुर्गम है, तो उपयोगकर्ता पृष्ठ का उपयोग नहीं कर पाएगा, हालांकि कुछ भी उसे कार्ड नंबर दर्ज करने से नहीं रोकता है।

डिजाइनरों ने कई और विकल्प बनाए, लेकिन विभिन्न कारणों से वे फिट नहीं हुए, और लेआउट की आवश्यकताएं धीरे-धीरे बदल गईं।

दृष्टिकोण बार

दृष्टिकोण दो

नतीजतन, तीन मुख्य आवश्यकताएं थीं:

1. उपयोगकर्ता को इस बात की परवाह किए बिना भुगतान करना चाहिए कि क्या तृतीय-पक्ष सेवा प्रतिक्रिया देगी और वह कब तक ऐसा करेगी। सेवा धीमी नहीं होनी चाहिए।
2. स्केलेबिलिटी चाहिए। जब एप्पल या सैमसंग से भुगतान जोड़ा जाता है, तो यह बैंक कार्ड के इनपुट क्षेत्रों के साथ काम करने की गति और क्षमता को प्रभावित नहीं करना चाहिए।
3. समाधान में बहुत अधिक एनीमेशन / गतिशीलता नहीं होनी चाहिए। यदि उपयोगकर्ता डेटा दर्ज करना शुरू करता है, और इस समय Google पे बटन लोड होता है और कुछ बदलता है, तो उपयोगकर्ता समझ नहीं सकता है कि क्या हुआ और क्यों हुआ।

उनके आधार पर, भुगतान फ़ॉर्म का अंतिम डिज़ाइन दिखाई दिया। उन्होंने सभी मानदंडों द्वारा व्यवस्था की - स्केलेबल, बैंक कार्ड के इनपुट को ब्लॉक नहीं करता है, और जब बैंक कार्ड डेटा प्राप्त करते हैं तो कोई अनावश्यक एनीमेशन नहीं होता है।

एनएफसी के बिना स्मार्टफोन के बारे में क्या?

ऑफ़लाइन स्टोर्स में Google पे के माध्यम से भुगतान के लिए, NFC की अभी भी आवश्यकता है, कोई विकल्प नहीं हैं।

एनएफसी की ऑनलाइन जरूरत नहीं है। सभी डेस्कटॉप ब्राउज़र Google पे के साथ ठीक काम करते हैं। स्मार्टफोन के साथ कुछ बारीकियां हैं - Google के पास Google पे के साथ डिवाइस के लिए कई आवश्यकताएं हैं । यहाँ क्या अनुमति नहीं है की एक सूची है:

1. एंड्रॉइड 4.4.3 या उससे पहले के फोन का उपयोग करें;
2. डेवलपर्स के लिए Android संस्करण स्थापित करें;
3. जड़ बनाएं, बूटलोडर को अनलॉक करें या अनौपचारिक फर्मवेयर स्थापित करें;
4. सैमसंग MyKnox का उपयोग करें;
5. एक असत्यापित Google डिवाइस का उपयोग करें।

अन्य मामलों में, इंटरनेट पर Google पे के माध्यम से भुगतान ठीक काम करना चाहिए - लेकिन, शायद, सभी अपवादों के बारे में कोई नहीं जानता है।

यदि आप पहले से ही Yandex.Cash का उपयोग करते हैं तो हर्ष व्यापार निष्कर्ष

Google पे के माध्यम से भुगतान की स्वीकृति को सक्षम करने के लिए, अपने खाते में प्रबंधक को लिखें। थोड़ी देर बाद, बटन स्वयं दिखाई देगा, और आप डेवलपर्स का समय किसी और चीज़ पर खर्च कर सकते हैं।

रूपांतरण बढ़ेगा - मेदियास्कोप के एक अध्ययन के अनुसार, 36.3% उपयोगकर्ता गैर-संपर्क का भुगतान करते हैं। Yandex.Money के अपने शोध से पता चला कि 43% कार्डधारक संपर्क रहित भुगतान के लिए उनका उपयोग करते हैं। इसके अलावा, एंड्रॉइड उपयोगकर्ताओं के बीच एंड्रॉइड के साथ काफी लोग हैं - उन्हें 3-डी सिक्योर कोड दर्ज करने की आवश्यकता नहीं है।

यदि आप पहले से ही Yandex.Cash का उपयोग नहीं कर रहे हैं, तो हर्ष व्यापार निष्कर्ष

तत्काल कनेक्ट , क्यों कुछ खींच?

कसा में क्या अच्छा है के बारे में अन्य कहानियाँ
90 हजार साइटों पर दस लोग: पागल कैसे न हों
मैं WebView के माध्यम से भुगतान स्वीकार करने से थक गया हूं। मैं क्या करूँ?
हम स्कैमर से समीक्षाओं, खरीद और यात्रा की रक्षा कैसे करते हैं