SuperAPI AI 工具集

dapp-development

前端与建站

查看项目

更新于 10-16 07:17

技能介绍

用途:用于 VeChain 前端或 dApp 开发任务,包括 React/Next.js 前端、钱包连接与社交登录、交易构建/发送/确认体验、SDK 使用以及旧版 Connex 迁移,并提供参考链接与生态资源。

默认技术栈:前端默认 @vechain/vechain-kit,轻量或非 React 场景用 @vechain/dapp-kit-react;SDK 用 @vechain/sdk-core 与 @vechain/sdk-network,备选 @vechain/sdk-ethers-adapter;合约用 Solidity + Hardhat + @vechain/sdk-hardhat-plugin;EVM 目标必须为 paris;测试用 Hardhat + Thor Solo(--on-demand);类型用 TypeChain(@typechain/ethers-v6)或预构建的 @vechain/vechain-contract-types。

使用方式:先检测项目结构,存在 turbo.json 时遵循 Turborepo 约定(apps/frontend、packages/contracts、packages/*);用 useThor 访问 Thor 客户端,useConnex 已弃用;仅在项目已使用时才套用 Chakra UI、i18n、Zustand 等条件模式。再按 UI/hooks、SDK/脚本、智能合约、测试/CI、基础设施分层,选择构建块:全功能 UI 用 VeChain Kit hooks 与组件,轻量或非 React 用 dapp-kit,后端/脚本直接用 sdk-core 与 sdk-network,存在旧版 Connex 时迁移或隔离在适配层后。若项目未使用 VeChain Kit 或 dapp-kit 且用户未指定,需先询问:需要社交登录(邮箱、Google、passkey)、预置 UI 弹窗与 hooks(WalletButton、TransactionModal、token hooks)选 VeChain Kit;只需轻量钱包集成、依赖最少或非 React 框架选 dapp-kit。

实现要点:网络始终显式指定(mainnet/testnet/solo);先估算 gas,必要时用费用委托;批量交易用 multi-clause 保证原子性或改善体验;代币模型为 VET 计价、VTHO 付 gas;社交登录默认启用 Generic Delegator(用户以 VET/VTHO/B3TR 付 gas),可选应用赞助委托,支持智能账户,发送前预取数据。测试分单元(Hardhat + Thor Solo)、集成(Thor Solo 真实状态)、钱包 UX(mock hook/provider)。交付需含变更文件与 diff、安装/构建/测试命令、签名/费用/代币转账风险说明。

限制:资料未提供具体收费、价格、平台支持范围或效果数据;部分细节需按需加载对应参考文件(frontend.md、frontend-vechain-kit.md、frontend-dappkit.md、sdk-migration.md、resources.md)。