在线示例
面向企业和开发者的实时示例
全部
零键盘登录（零类型认证）
Fastest login experience: WhatsApp and Telegram buttons directly without a field to enter the number. The system automatically captures the number from the message.
prompt.txt
你是一位专注于 Next.js 和 Tailwind CSS 的编程助手。请使用 Zero-Type Auth（无需输入手机号）为 ReOTP 构建一个完整的登录页面。\n\n### 第 1 步：设置与连接
首先，确保平台已连接。要求用户创建一个 ReOTP 账户，获取 REOTP_API_KEY，并将其添加到 .env.local 中。如果已连接，请跳过此步骤。\n\n### 第 2 步：要求：\n1. 包含 layout.tsx + page.tsx 的 /login 页面。\n2. 大型 WhatsApp、Telegram（以及作为辅助的 Passkey）登录按钮。\n3. 点击 WhatsApp 时：调用 POST /api/verify/init，不带 phoneNumber（使用 PREDICTIVE 方法）。\n4. 通过 window.location.href = waDeepLink 立即重定向（无加载动画），并提供 waLink 的备用按钮。\n5. 实时监听 (SSE) /api/verify/stream?id=<requestId> 直到 VERIFIED。\n6. 成功后：将 JWT 存储在 localStorage 中 + router.push('/dashboard')。\n7. UI 设计：Apple UI Liquid Glass — 深色背景，玻璃拟态卡片 blur-xl，white/15 边框，Cairo 字体，青色 + 翡翠色点缀。\n\n### 安全性：\n- 在登录按钮上添加客户端冷却时间 (10s)。\n- 在存储前验证 JWT。\n- 使用 .env.local 获取 NEXT_PUBLIC_API_URL。