ReOTP.
真实案例/仅手机号注册
1 阅读需1分钟

仅手机号注册

仅手机号即刻注册 — 无需邮箱或密码

概述

用户仅输入手机号,接收ReOTP验证码,完成后自动创建账户。

实现方法

1. /register页面:仅手机号输入框+“创建账户”按钮。

2. 调用/api/verify/init(带phoneNumber和method)。

3. 显示带倒计时的ReOTP组件。

4. 立即监听SSE状态。

5. VERIFIED后创建用户并生成JWT跳转至/dashboard。

UI/UX指南

  • 最小化摩擦:仅单个输入框。
  • 使用紫色+青色配色。
交互式演示环境
WhatsApp 连接平台
用手机号注册新账户input1/3
Create Account

The user enters only the phone number, receives a ReOTP code, and the account is automatically created after verification.