项目详情
A402 是一个基于 x402 协议的 Meme 代币发射平台,部署在 Base 链上。本人负责项目的前端开发和智能合约开发。
智能合约开发
合约架构设计(分层架构):
Manager 层:X402LaunchPadManager 作为用户交互入口,管理代币创建、批量购买和迁移触发
Controller 层:X402TokenController 封装核心交易逻辑,管理对应代币,采用 BeaconProxy 模式实现可升级
Token 层:X402Token 继承 ERC20 和 EIP-3009,支持授权转账和迁移后手续费机制
核心技术实现:
EIP-3009 授权转账:实现 transferWithAuthorization 和 receiveWithAuthorization,用户签名后由 Operator 代付 Gas 完成转账
固定汇率预售机制:预售阶段采用固定汇率 (exchangeRate),当募集金额达到 migrateThreshold 时触发 DEX 迁移
Uniswap V2 集成:调用 Router.addLiquidity() 添加流动性,并将 LP Token 发送至死地址实现永久锁定
可升级合约:使用 OpenZeppelin Upgradeable + BeaconProxy 模式,支持 Controller 逻辑热升级
权限控制:基于 AccessControlEnumerable 实现 OPERATOR_ROLE、CLAIM_ROLE 等角色管理
安全机制:ReentrancyGuard 防重入、Pausable 紧急暂停、迁移前限制合约调用
前端开发
技术架构:
Next.js 15 (App Router) + React 19 + TypeScript 构建,支持 SSR 和 Turbopack 开发
wagmi + viem 实现链上交互,封装 useTokenBalance、useTokenApproval 等自定义 Hooks
Zustand 全局状态管理,Immer 实现不可变数据更新
Privy 集成实现 Web3 登录(支持社交账号 + 钱包多种方式)
核心功能实现:
x402-fetch 支付流程:集成 x402 协议实现 Gasless 铸造,前端处理签名授权和支付验证
代币创建表单:React Hook Form + Zod 验证,Pinata 上传图片至 IPFS
交易面板:实时余额查询、授权检查、交易状态轮询
响应式适配:TailwindCSS + postcss-pxtorem 实现移动端适配
国际化:i18next 实现中英文切换,支持浏览器语言自动检测
