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

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

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

परिचय

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

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

WebOTP API काम कर रहा है.

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

डेस्कटॉप पर WebOTP API.

इसे आज़माएं

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

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

फ़ोटो: लुइस विलासमिल तारीख अनस्प्लैश