Ví dụ trực quan/Xác nhận đăng nhập từ thiết bị mới
1 Phút đọc
Xác nhận đăng nhập từ thiết bị mới
Cảnh báo người dùng khi đăng nhập từ thiết bị không được biết đến
Tổng quan
Khi đăng nhập từ trình duyệt/đặt thiết bị mới, yêu cầu xác nhận ReOTP để ngăn chặn xâm nhập tài khoản.
Cách thực hiện
1. /api/auth/detect-device: So sánh fingerprint với thiết bị được tin cậy.
2. Nếu là thiết bị mới: Ngăn chặn đăng nhập + gửi ReOTP (PREDICTIVE).
3. Trang /auth/new-device: Thông tin thiết bị + nút Xác nhận.
4. Khi VERIFIED: Thêm thiết bị làm được tin cậy + cho phép đăng nhập.
Hướng dẫn UI và UX
- Màu sắc indigo + slate.
- Thẻ cảnh báo rõ ràng với thông tin thiết bị.
Khu chơi tương tác
Nền tảng kết nối WhatsApp
Cảnh báo đăng nhập từ thiết bị mớialert • 1/3
New Device Detected
Khi đăng nhập từ trình duyệt/thiết bị mới, yêu cầu xác nhận ReOTP để ngăn chặn xâm phạm tài khoản.