主题
登录方式改造 · 交互原型
贴合现有 wallet-pc 登录页(双栏布局 / 主色
#2b5fff/ Web3↔金融桥接 / 链图标带)的 Web 静态原型,可直接操作:
- 登录首页:Email 首步 + 「Google / Apple / Connect Wallet」三入口;
- Google / Apple 登录:第三方授权 → 新用户走「补填邀请码」→ 登录成功;
- Connect Wallet:选钱包(MetaMask / OKX / WalletConnect)→ 签名(SIWE 文本示意)→ 补填邀请码 → 成功。
顶部灰条可一键跳转各主流程。若嵌入窗口太小,点击 在新窗口打开全屏原型。
原型对应的关键设计点
| 原型里的交互 | 对应方案 |
|---|---|
| 邮箱框下「—— 或 ——」+ Google/Apple/Wallet 三按钮 | 产品方案 §3 / §5:Email 为主,社交与钱包为增量入口 |
| Google 与 Apple 同时出现 | 技术方案 §4:iOS App Store 规则 4.8,上 Google 必须一起上 Apple |
| 授权后弹「补填邀请码」 | 产品方案 §4 / 技术方案 §5:一键登录新用户的代理归属(needInviteCode) |
| Connect Wallet → 签名文本(含 Nonce、"不消耗 Gas") | 技术方案 §6:SIWE 挑战-签名-验签,nonce 一次性防重放 |
| 成功页提示"签发 JWT / 初始化 USDT·USDC / 2FA" | 技术方案 §5:三种登录最终复用同一套 issueToken() + 资产初始化 + 2FA |