पासवर्डलेस लॉगिन (Zero-Type Auth)
एक क्लिक में लॉगिन करने के लिए सबसे तेज़ और सुरक्षित तरीका।
ओवरव्यू
उपयोगकर्ता अनुभव की सर्वोत्तम स्थिति: उपयोगकर्ता को केवल WhatsApp/Telegram के लिए लॉगिन बटन दिखाई देता है, और फोन नंबर इनपुट करने की आवश्यकता नहीं होती है।
हाउ टू इम्प्लीमेंट
इस उदाहरण में ReOTP की प्रोग्रामिंग इंटरफ़ेस का उपयोग किया जाता है:
1. उपयोगकर्ता को POST /api/verify/init API को कॉल करने के लिए कहें, जिसमें phoneNumber (वैकल्पिक) और method (WHATSAPP/TELEGRAM/PREDICTIVE) पास किए जाते हैं।
2. SSE (Server-Sent Events) को /api/verify/stream?id=<requestId> पर शुरू करें।
3. VERIFIED स्टेटस पर पहुंचने पर, उपयोगकर्ता को लॉगिन या ऑपरेशन को पूरा करने की अनुमति दी जाती है।
UI/UX गाइडलाइंस
- ReOTP के डिज़ाइन के अनुसार UI/UX को डिज़ाइन करें: डार्क बैकग्राउंड (#05050A), Liquid Glass बैकग्राउंड के साथ बटन, 15px व्हाइट बॉर्डर।
- 120 सेकंड के लिए एक डाउनकाउंटर दिखाएं।
- एकल एक्शन बटन (CTA) का उपयोग करें।
- RTL/LTR को सपोर्ट करें।
लाइव डेमो
लाइव डेमो को नीचे दिए गए इंटरैक्टिव सैंपल में देखें और पूरी प्रोग्रामिंग को समझें।
सबसे तेज़ लॉगिन अनुभव: वॉट्सएप और टेलीग्राम के सीधे बटन, बिना फ़ोन नंबर एंट्री के। सिस्टम स्वचालित रूप से संदेश से नंबर निकालता है।