三个核心结论
- 前端是用户与协议的"翻译层"：ethers.js v6 和 Viem 两种风格各有利弊，但 Viem 在类型安全、包体积和现代最佳实践上更适合新项目建立工程规范。
- 钱包连接正在经历范式转移：EIP-6963 终结了
window.ethereum 的混乱，嵌入式钱包和 ERC-4337 智能账户让 Web3 入门门槛趋近于 Web2。
- 多链是默认，跨链是必需：100+ 活跃链的现实中，前端必须管理链切换、跨链桥状态等待和合约地址映射——这不再是"高级功能"。
前端技术栈速查表
| 层级 | 推荐工具 | 备选 |
|---|
| 链交互 | Viem | ethers.js v6 |
| 连接层 | wagmi + viem | web3-react |
| 钱包发现 | EIP-6963 原生 | RainbowKit (UI 包装) |
| 状态管理 | WAGMI hooks | 自建 Zustand/Redux |
| 查询 | The Graph 子图 | 自建事件索引 |
| 存储 | IPFS (Pinata) | Arweave |
| 跨链 | LayerZero / Wormhole SDK | 各桥官方 SDK |
UX 审计清单
- [ ] 连接前显示正确的网络状态
- [ ] 交易发送后显示 "pending" 状态
- [ ] 乐观更新：先显示预期结果，再等待确认
- [ ] 失败时显示可读的 revert 原因
- [ ] 多链场景下链切换提示清晰
- [ ] 跨链桥显示进度条和估计时间
桥梁：下一步学什么？
| 兴趣方向 | 章节 |
|---|
| 企业联盟链 | 第15章 Hyperledger Fabric |
| 自己造链 | 第16章 迷你链 |
| 实战项目 | 第17-19章 |
> ← 返回 14.6 多链 | 前往 → 15.1 Fabric 架构 |*
评论
0评论加载中…