nac-presale/deploy-logs/2026-03-10_wallet-ux-fix.md

3.0 KiB
Raw Blame History

部署日志 — 钱包连接体验修复

日期: 2026-03-10 服务器: 43.224.155.27AI服务器 项目: nac-presale-testXIC代币预售网站 部署人: NAC Admin Git Commit 706eead


工单内容

需求1三步操作指引购买前/购买时/购买后)

  • 在购买区域上方添加三步操作指引
  • 改为文字段落格式(非卡片,避免小屏幕叠加问题)

需求2添加XIC代币到钱包按钮

  • 一键调用 wallet_watchAsset API
  • 在 Token Details 卡片和购买成功页面均有显示

需求3WhatsApp客服联系方式

  • 在购买成功收据页面添加 WhatsApp 客服链接

需求4钱包连接体验修复用户反馈

  • 连接钱包后应自动识别当前链并切换对应网络标签
  • 连接成功后自动触发 watchAsset 让钱包弹出,让用户感知连接成功
  • 支持前10大EVM钱包MetaMask/OKX/TP/Trust/Coinbase/Bitget/Rabby/SafePal/imToken/Phantom
  • 修复多钱包环境下 provider 冲突问题用户选哪个钱包就用哪个钱包的provider

修改文件清单

文件 修改内容
client/src/hooks/useWallet.ts forceConnect接受specificProvider参数暴露watchAsset()方法rawProviderRef跟踪用户选择的钱包provider
client/src/components/WalletSelector.tsx 支持10大钱包connect()返回{address, provider}onAddressDetected传递provider
client/src/pages/Home.tsx forceConnect传入provider连接后自动切换BSC/ETH网络标签handleAddToken改用wallet.watchAsset()NavWalletButton增加onNetworkDetected回调三步指引改为文字段落格式
client/src/lib/i18n.ts 添加三步指引、添加代币、WhatsApp客服翻译键中/英)

支持的钱包列表10大EVM钱包

  1. MetaMaskwindow.ethereum.isMetaMask
  2. OKX钱包window.okxwallet
  3. TP钱包window.trustwallet / window.tpwallet
  4. Trust Walletwindow.trustwallet.isTrust
  5. Coinbase Walletwindow.coinbaseWalletExtension
  6. Bitget Walletwindow.bitkeep.ethereum
  7. Rabby Walletwindow.ethereum.isRabby
  8. SafePalwindow.safepal
  9. imTokenwindow.imToken
  10. Phantom EVMwindow.phantom.ethereum

构建结果

  • 构建状态: 成功vite build + esbuild
  • 构建时间7.14s
  • 输出大小824.20 kBgzip: 262.24 kB
  • PM2进程nac-presale-testid:8已重启状态 online

测试验证


后台管理员账号


备注

  • Git push 到备份服务器103.96.148.7超时本地commit已保存706eead
  • 备份文件已保存:*.bak.20260309_211827