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 डिफ़ॉल्ट ब्राउज़र होना चाहिए.
• Chrome 93, Android डिवाइस पर फ़ोरग्राउंड में या बैकग्राउंड में होना चाहिए.

डेमो

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

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 बटन पर क्लिक करने के बाद, ब्राउज़र ओटीपी को साइट पर अपने-आप फ़ॉरवर्ड कर देता है और navigator.credentials.get() की पुष्टि हो जाती है. इसके बाद वेबसाइट, ओटीपी को निकाल कर पुष्टि की प्रक्रिया पूरी कर सकती है.

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

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

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

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

ब्राउज़र सपोर्ट और इंटरऑपरेबिलिटी

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

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

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

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

Unsplash पर लुइस विलासमिल की फ़ोटो