Q18 · Uniswap / DEX 专题
Uniswap 前端和传统 Web2 前端的区别?
⚡ 速记答案(30 秒)
- 无登录/密码,使用钱包连接(MetaMask、WalletConnect)作为身份
- 主要与智能合约交互,前端只是构造交易、展示链上数据
- 无中心化订单系统,多数逻辑(定价、撮合、结算)在链上完成
- 前端一般是静态站点(托管在 IPFS/GitHub Pages),后端较轻或仅有少量辅助服务
📖 详细讲解
架构对比
| 方面 | Web2 前端 | Uniswap 前端 |
|---|---|---|
| 身份认证 | 账号密码/OAuth | 钱包签名 |
| 后端 | 必需(业务逻辑) | 可选(辅助服务) |
| 数据存储 | 数据库 | 区块链 |
| 核心逻辑 | 服务器 | 智能合约 |
| 部署 | CDN/服务器 | IPFS/Vercel |
Uniswap 前端技术栈
• 框架:React
• 钱包连接:wagmi + viem
• 状态管理:Redux
• 样式:styled-components
• GraphQL:查询 Subgraph 数据
前端职责
1. 连接用户钱包
2. 读取链上状态(价格、流动性、余额)
3. 构造交易参数
4. 展示交易结果
面试技巧:回答时先给出核心结论,再展开细节。如果有实际项目经验,一定要结合具体案例说明。