Q18 · Uniswap / DEX 专题

Uniswap 前端和传统 Web2 前端的区别?

UniswapDApp前端架构

⚡ 速记答案(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. 展示交易结果

💡
面试技巧:回答时先给出核心结论,再展开细节。如果有实际项目经验,一定要结合具体案例说明。