WebOTP एपीआई का इस्तेमाल करके, डेस्कटॉप पर फ़ोन नंबर की पुष्टि करें

Chrome 93 से, वेबसाइटें डेस्कटॉप Chrome से फ़ोन नंबर की पुष्टि कर सकती हैं.

Yi Gu

Eiji Kitamura

WebOTP की मदद से, उपयोगकर्ता किसी मोबाइल वेबसाइट पर फ़ोन नंबर की पुष्टि करने वाला कोड, एक टैप में डाल सकते हैं. इसके लिए, उन्हें एक ऐप्लिकेशन से दूसरे ऐप्लिकेशन पर स्विच करने की ज़रूरत नहीं होती. Chrome 93 में यह सुविधा, डेस्कटॉप पर भी उपलब्ध है. ज़्यादा जानने के लिए आगे पढ़ें.

परिचय

एसएमएस ओटीपी (एक बार इस्तेमाल होने वाले पासवर्ड) का इस्तेमाल आम तौर पर फ़ोन नंबर की पुष्टि करने के लिए किया जाता है. उदाहरण के लिए, पुष्टि करने के दूसरे चरण के तौर पर या वेब पर पेमेंट की पुष्टि करने के लिए. हालांकि, डेस्कटॉप से मोबाइल पर स्विच करने, एसएमएस ऐप्लिकेशन खोलने, मूल वेबसाइट पर ओटीपी को याद रखने और डालने के दौरान डेस्कटॉप पर वापस जाने की प्रोसेस में परेशानी बढ़ जाती है. इस तरह से गलतियाँ करना आसान है और यह फ़िशिंग अटैक के लिए संवेदनशील होता है.

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

WebOTP में अभी तक एक इस्तेमाल का उदाहरण काम नहीं कर रहा है. यह उदाहरण, रिमोट डेस्कटॉप डिवाइस या लैपटॉप से फ़ोन नंबर की पुष्टि करने के अनुरोधों को टारगेट करता है. एपीआई सिर्फ़ उन डिवाइसों पर काम करता है जिनमें टेलीफ़ोन सेवा की सुविधाएं होती हैं. अब यह एपीआई, अन्य डिवाइसों पर मिले एसएमएस को सुनने की सुविधा देता है. इससे, उपयोगकर्ताओं को Chrome 93 में डेस्कटॉप पर फ़ोन नंबर की पुष्टि करने में मदद मिलती है.

इसे आज़माएं

ज़रूरी शर्तें

• डेस्कटॉप या लैपटॉप कंप्यूटर (Windows, Mac, Linux या ChromeOS).
• Google Play services का 20.30.12 या इसके बाद का वर्शन वाला Android फ़ोन.
• डेस्कटॉप या लैपटॉप और मोबाइल, दोनों पर Chrome 93 या उसके बाद का वर्शन. Chrome 93 बीटा, जुलाई 2021 के आखिर से उपलब्ध है.
• आपको डेस्कटॉप Chrome और मोबाइल Chrome, दोनों पर एक ही Google खाते से साइन-इन करना होगा. उदाहरण के लिए, https://myaccount.google.com/ या https://mail.google.com पर जाकर. सिंक करने की सुविधा चालू करने की ज़रूर��� नहीं है.
• आपको अपने Android ��िवाइस ��र, "सेटिंग->Google" में जाकर Android में साइन-इन करना होगा.
• Android डिवाइस पर Chrome 93 डिफ़ॉल्ट ब्राउज़र होना चाहिए.
• Android डिवाइस पर, Chrome 93 फ़ोरग्राउंड या बैकग्राउंड में चल रहा होना चाहिए.

डेमो

अपने डेस्कटॉप पर आसानी से फ़ोन नंबर की पुष्टि करने के लिए, यह तरीका अपनाएं:

1. डेस्कटॉप पर, https://web-otp-demo.glitch.me/ पर जाएं. पुष्टि करें बटन पर क्लिक करें.
2. स्क्रीन पर दिख रहे मैसेज को किसी दूसरे फ़ोन से Android डिवाइस पर भेजें.
3. जब Android डिवाइस पर एसएमएस डिलीवर किया जाता है, तो एक डायलॉग दिखता है. इसमें पूछा जाता है कि क्या आपको डेस्कटॉप पर दिख रहे फ़ोन नंबर की पुष्टि करनी है. अनुमति देने के लिए, सबमिट करें दबाएं.
4. डेस्कटॉप पर, Android डिवाइस पर भेजा गया पुष्टि करने वाला कोड, इनपुट फ़ील्ड में अपने-आप भर जाएगा.

WebOTP API कैसे काम करता है

आइए, देखते हैं कि WebOTP API कैसे काम करता है:

…
  const otp = await navigator.credentials.get({
    otp: { transport:['sms'] }
  });
  if (otp.code) input.value = otp.code;
…

एसएमएस मैसेज को ऑरिजिन से जुड़े एक बार इस्तेमाल होने वाले कोड के हिसाब से फ़ॉर्मैट किया जाना चाहिए.

Your OTP is: 123456.

@web-otp-demo.glitch.me #123456

ध्यान दें कि आखिरी लाइन में वह ऑरिजिन शामिल होता है जो ऑरिजिन से पह��े @ और उसके बाद ओटीपी के बाद # आता है.

टेक्स्ट मैसेज आने पर, एक जानकारी वाला बार पॉप-अप होता है. इसमें उपयोगकर्ता को अपने फ़ोन नंबर की पुष्टि करने के लिए कहा जाता है. उपयोगकर्ता के Verify बटन पर क्लिक करने के बाद, ब्राउज़र अपने-आप OTP को साइट पर फ़ॉरवर्ड कर देता है और navigator.credentials.get() को हल कर देता है. इसके बाद, वेबसाइट ओटीपी को निकालकर पुष्टि की प्रोसेस पूरी कर सकती है.

ज़्यादा जानने के लिए, WebOTP API की मदद से, वेब पर फ़ोन नंबर की पुष्टि करना लेख पढ़ें.

डेस्कटॉप पर WebOTP API का इस्तेमाल करने का तरीका

एसएमएस से फ़ोन नंबर की पुष्टि करने की सुविधा का इस्तेमाल, ज़्यादातर लोग करते हैं. यह सुविधा सभी प्लैटफ़ॉर्म पर उपलब्ध है. मोबाइल डिवाइसों पर इस्तेमाल के सभी उदाहरण, डेस्कटॉप डिवाइसों पर भी लागू होने चाहिए.

डेस्कटॉप पर WebOTP API का इस्तेमाल करने का तरीका, मोबाइल पर इस्तेमाल करने के तरीके जैसा ही है. इसलिए, वेबसाइटें एक ही कोड को सभी प्लैटफ़ॉर्म पर डिप्लॉय कर सकती हैं.

ब्राउज़र सहायता और इंटरऑपरेबिलिटी (दूसरे सिस्टम के साथ काम करना)

यह सुविधा, Chrome सिंक की मदद से काम करती है. इसलिए, फ़िलहाल यह सिर्फ़ Chrome पर काम करती है. iOS या iPad OS पर, Chrome में एसएमएस पाने और भेजने की सुविधा काम नहीं करती.

Chromium के अलावा, दूसरे ब्राउज़र इंजन में WebOTP API लागू नहीं होता. हालांकि, Safari में input[autocomplete="one-time-code"] के साथ वही एसएमएस फ़ॉर्मैट शेयर किया जाता है. जब तक उपयोगकर्ता ने iMessage के अपने-आप सिंक होने की सुविधा चालू की हुई है, तब तक Safari में ऑरिजिन के हिसाब से एक बार इस्तेमाल होने वाला कोड फ़ॉर्मैट वाला एसएमएस मिलने पर, उसे macOS पर फ़ॉरवर्ड कर दिया जाता है. यह सुविधा iOS या iPadOS पर मैच होने वाले ऑरिजिन के साथ काम करती है. अगर उपयोगकर्ता इनपुट फ़ील्ड पर फ़ोकस करता है, तो Safari उपयोगकर्ता को ओटीपी डालने का सुझाव देगा.

सुझाव/राय दें या शिकायत करें

WebOTP API को बेहतर बनाने के लिए, आपके सुझाव, शिकायत या राय बहुत ज़रूरी हैं. इसे आज़माएं और हमें बताएं कि आपको यह कैसा लगा.

Unस्प्लैश पर लुइस विलासमिल की फ़ोटो