ตัวอย่างแบบเป็นชีวิต/การตรวจสอบการเข้าสู่ระบบจากอุปกรณ์ใหม่
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 เพื่อป้องกันการแฮ็กบัญชี