실제 사례/번호 없이 로그인 (Zero-Type Auth)
1 분 분량
번호 없이 로그인 (Zero-Type Auth)
버튼 클릭으로 단일 인증
개요
가장 빠른 사용자 진입 방법: 와츠앱/티레그램 버튼을 직접 클릭하여 입력 필드 없이 진입. 시스템은 메시지에서 번호를 자동으로 추출.
구현 방법
이 예제는 ReOTP의 동일한 API 인터페이스를 사용:
1. POST /api/verify/init를 phoneNumber(선택사항)와 method(WHATSAPP/TELEGRAM/PREDICTIVE)로 호출.
2. 즉시 /api/verify/stream?id=<requestId>에서 SSE(서버 푸시 이벤트)를 수신.
3. VERIFIED 수신 시 로직 실행.
UI/UX 가이드라인
- ReOTP 디자인과 호환되는 인터페이스: 어두운 배경(#05050A), Liquid Glass 카드(backdrop-blur-xl), 흰색 테두리/15px.
- 120초 카운트다운 표시로 긴장감 유발.
- 각 단계에서 명확한 액션 버튼(CTA).
- dir 속성으로 RTL/LTR 지원.
실시간 미리보기
아래 인터랙티브 시뮬레이션에서 전체 흐름을 확인하세요.
대화형 플레이그라운드
WhatsApp 연결 플랫폼
입력 없는 로그인 (Zero-Type Auth)welcome • 1/4
ReOTP Service
가장 빠른 로그인 경험: 번호 입력란 없이 바로 WhatsApp 및 Telegram 버튼 이용. 시스템이 메시지에서 자동으로 번호를 감지합니다.