ライブデモ/番号入力不要のログイン (Zero-Type Auth)
1 分で読めます
番号入力不要のログイン (Zero-Type Auth)
ワンクリックでログイン — 入力は一切不要
概要
ユーザーにとって最も速いログイン方法：電話番号入力フィールドなしで、WhatsApp/Telegramボタンを直接配置します。システムはメッセージから自動的に電話番号を取得します。
実装方法
この例では、同じReOTP APIを使用します：
1. phoneNumber（任意）と method（WHATSAPP/TELEGRAM/PREDICTIVE）を指定して POST /api/verify/init を呼び出します。
2. すぐに /api/verify/stream?id=<requestId> で SSE（Server-Sent Events）のリスニングを開始します。
3. VERIFIED を受信したら、ビジネスロジックを実行します。
UI/UX ガイドライン
- ReOTPのデザインに合わせたインターフェースを設計：ダーク背景（#05050A）、
backdrop-blur-xlを使用した Liquid Glass カード、白い境界線（不透明度15%）。
- 緊迫感を持たせるために、120秒のカウントダウンタイマーを表示します。
- 各ステップで、明確なシングルアクションボタン（CTA）を使用します。
dir属性による RTL/LTR のサポート。
ライブプレビュー
以下のインタラクティブなシミュレーションを試して、フロー全体を確認してください。
インタラクティブプレイグラウンド
WhatsAppリンクプラットフォーム
ゼロタイピング認証 (Zero-Type Auth)welcome • 1/4
ReOTP Service
最も高速なログイン体験：電話番号入力フィールドなしの直接的なWhatsAppおよびTelegramボタン。システムがメッセージから自動的に電話番号を取得します。