登录方式改造原型 · 贴合
wallet-pc
现有登录页(双栏 / #2b5fff / 链图标带) 当前主流程:
登录首页
Email 密码
Google 登录
Connect Wallet
补填邀请码
C
Card
Plus
下载 App
🌐 English ▾
One account · Crypto meets Card
用你习惯的方式登录,
钱包、股票、卡
一个账号全搞定
Web3
CardPlus
TRUST
Finance
💳
加密货币充值 · 消费卡
USDT/USDC 入金,一张卡全球刷
📈
美股 / 港股
券商级交易,链上资产打通
🔐
托管钱包 · 无需管私钥
像用支付宝一样简单
支持的链上资产 & 支付网络
₿
Ξ
₮
$
T
B
VISA
MC
BANK
登录 / 注册
输入邮箱继续,或用下面的方式一键登录
邮箱
✉️
继续
或
使用 Google 继续
P0
Sign in with Apple
iOS 强制
👛 Connect Wallet(钱包登录)
P1
继续即代表同意
服务条款
与
隐私政策
← 返回
欢迎回来
you@example.com
密码
🔒
忘记密码?用邮箱验证码登录
登录
现有能力:邮箱失败 3 次触发
Aliyun 图形验证码
,10 次锁定 30 分钟;已支持
TOTP 2FA
。新登录方式全部复用这套会话 + 2FA。
×
Google OAuth
选择账号继续
这是第三方授权页示意。真实环境由
Google
弹出,返回
id_token
,
后端验签
后登录。
A
alex.wong@gmail.com
Alex Wong
+
使用其他账号
添加账号
授权后:命中已绑定 → 直接登录;邮箱撞已有账号 → 自动合并;全新 → 需补填邀请码。
×
SIWE 钱包登录 · P1
连接钱包
选择一个钱包,用
签名
证明地址归你所有(不上传私钥、不产生 Gas)。
🦊
MetaMask
浏览器插件 / EVM
⬛
OKX Wallet
EVM / TRON
🔗
WalletConnect
扫码连手机钱包
第 2 步:请求签名
MetaMask 签名中…
请在钱包中确认签名。后端会用
ecrecover
验签 + 校验一次性 nonce。
cardplus.com wants you to sign in with your Ethereum account: 0xA1b2…9F3d Sign in to CardPlus. 本次签名不会发起链上交易,也不消耗 Gas。 Nonce: 8f3a2c…(一次性,验完即删) Issued At: 2026-07-11T08:00:00Z
×
首次登录 · 完善注册
再填一步就好 👋
检测到你是
新用户
。CardPlus 的注册需要一个
邀请 / 代理码
(代理分佣归属)。若从代理链接进入会自动带上,此处仅作演示。
邀请 / 代理码
🎟️
完成注册并进入
技术上对应后端返回
needInviteCode
→ 前端弹此页 → 带 inviteCode 重打接口。
✓
登录成功
已签发 JWT(EC/ES256),进入工作台。
若账号开启了 2FA,此处会先弹 TOTP 校验。
好的