微信与手机号登录 · 工程师交互演示
v1.3.0-cn-demo / V4.7 · 所有认证与后台数据均为本地模拟。
从同一个登录入口开始
- 默认手机号登录,下方微信和邮箱图标可切换。没有独立注册入口。
- 已有账号验证后登录;新手机号验证后提示首次登录,继续绑定微信。
- 先微信授权的新用户必须验证手机号。两个身份验证完成后,确认昵称并点击完成注册,才创建同一个账号。
- 取消、授权失败、绑定冲突时不会提前创建新账号;已有微信关联不会被覆盖。
跟着小手走一遍
首次提示点击微信,也可直接填写手机号切换路线。阅读协议、手动勾选、模拟扫码、手机授权、验证码、注册确认都有当前步骤指引。悬停目标可读详细解释;顶部可关闭引导。系统减少动态效果设置会停用动画。
后台如何核对
用已有管理员演示账号登录,点击头像 → 玖麦管理后台 → 点开用户。展开详情即可看到微信已绑定/未绑定和昵称。小手跟随当前展开的用户,读取失败不会显示成未绑定。新注册账号是普通用户,不会获得管理员权限。
演示数据
- 已有管理员:13800000000,邮箱 demo@example.test,初始密码 Demo123!。
- 另一已有账号:13700000000;新用户可用 13900000000。
- 模拟短信码:246810;发送前需完成本地滑块。
- 微信“小麦”初始绑定管理员,“海风”初始未绑定;顶部模拟服务工具可重置本地数据。
验收边界
所有操作只读写当前浏览器 localStorage。页面不连接微信、短信、真实后端或付费模型;不要输入真实凭证。真实开发需实现服务端身份校验、会话、授权与并发绑定校验,本演示不替代这些安全能力。
视觉概念
以商品创意走向全球为主题,使用浅色概念图,橙色轨道连接商品视觉与全球市场,合作资源作为底部背书。概念图为内置 imagegen 生成的演示插画。
返回演示