ライブデモ・実例/新しいデバイスからのログイン確認
1 分で読めます
新しいデバイスからのログイン確認
未知のデバイスからのログイン時にユーザーに警告を送信
概要
新しいブラウザやデバイスからログインする際、アカウントの不正アクセスを防ぐためにReOTP認証が要求されます。
実装方法
1. /api/auth/detect-device: fingerprint を信頼できるデバイスと比較します。
2. 新しいデバイスの場合: ログインをブロック + ReOTPを送信 (PREDICTIVE)。
3. /auth/new-device ページ: デバイスの詳細 + 確認ボタン。
4. VERIFIED 時: デバイスを信頼できるリストに追加 + ログインを許可。
UI/UX ガイドライン
- インディゴ（indigo）+ スレート（slate）のカラーテーマ。
- デバイスの詳細を明記した分かりやすい警告カード。
インタラクティブプレイグラウンド
WhatsAppリンクプラットフォーム
新しいデバイスからのログイン通知alert • 1/3
New Device Detected
新しいブラウザ/デバイスからのログイン時に、アカウントの乗っ取りを防ぐためReOTPによる確認が求められます。