针对 Arbitrum 的 dApp 开发指南,使用 Stylus(Rust)和/或 Solidity,涵盖本地 devnode 搭建、合约开发、测试、部署以及 React 前端集成(viem)。适用于新 Arbitrum 项目、合约编写、部署或构建与 Arbitrum 合约交互的前端。
Arbitrum dApp Development.Stack.Layer.Tooll.是一项面向实际任务的技能,主要用于Smart合同(Rust).stylu是一项面向实际任务的技能,主要用于编译为WASM,运行于Stylus VM.Smart合同(团结).;Solidity 08.x + Foundry.;
实际使用前应先确认任务范围、数据来源、运行环境、必要权限和关键参数,再依据技能说明逐步执行;若输入条件不完整,应先补齐信息或采用保守配置,避免因错误假设导致结果偏离需求。执行过程中需要关注工具调用是否成功、接口或依赖是否可用、输出格式是否符合预期,并对异常提示、缺失字段和边界情况进行处理;
涉及批量任务时,还应保存进度,避免中断后重复操作。该技能适合用于一次性任务,也可以接入自动化工作流,与其他技能或上层代理配合完成更完整的业务链路;在组合使用时,应明确每一步的输入输出关系,并避免不同步骤之间出现参数冲突。
| 层级 | 工具 | 说明 |
|---|---|---|
| 智能合约(Rust) | stylus-sdk v0.10+ |
编译为 WASM,运行于 Stylus 虚拟机 |
| 智能合约(Solidity) | Solidity 0.8.x + Foundry | Arbitrum 上的标准 EVM 路径 |
| 本地节点 | nitro-devnode |
基于 Docker 的本地 Arbitrum 链 |
| 合约 CLI 工具 | cargo-stylus |
用于 Stylus 合约的校验、部署与 ABI 导出 |
| 合约工具链 | Foundry(forge、cast、anvil) |
用于 Solidity 合约的构建、测试、部署与交互 |
| 前端 | React / Next.js + viem + wagmi | 所有链上交互均通过 viem 完成 |
| 包管理器 | pnpm | 支持工作区(workspace),速度快 |
启动新合约项目时:
references/stylus-rust-contracts.md。references/solidity-contracts.md。my-arbitrum-dapp/ ├── apps/ │ ├── frontend/ # React / Next.js 应用 │ ├── contracts-stylus/ # Rust Stylus 合约 │ ├── contracts-solidity/ # Foundry Solidity 合约 │ └── nitro-devnode/ # 本地开发链(Git 子模块) ├── pnpm-workspace.yaml └── package.json
# 1. 创建工作区 mkdir my-arbitrum-dapp && cd my-arbitrum-dapp pnpm init printf "packages:\n - 'apps/*'\n" > pnpm-workspace.yaml # 2. 本地 devnode git clone https://github.com/OffchainLabs/nitro-devnode.git apps/nitro-devnode cd apps/nitro-devnode && ./run-dev-node.sh && cd ../.. # 3a. Stylus 合约 cargo stylus new apps/contracts-stylus # 3b. Solidity 合约 cd apps && forge init contracts-solidity && cd .. # 4. 前端 pnpm create next-app apps/frontend --typescript cd apps/frontend pnpm add viem wagmi @tanstack/react-query
# 校验 cargo stylus check --endpoint http://localhost:8547 # 部署(使用 nitro-devnode 预资助的部署账户) cargo stylus deploy --endpoint http://localhost:8547 --private-key $PRIVATE_KEY # 导出 ABI 供前端使用 cargo stylus export-abi
# 构建 forge build # 测试 forge test # 本地部署(使用 nitro-devnode 预资助的部署账户) forge script script/Deploy.s.sol --rpc-url http://localhost:8547 --broadcast --private-key $PRIVATE_KEY
注意:nitro-devnode 自带一个预资助的部署账户。默认私钥与地址详见
references/local-devnode.md。在测试网或主网上部署时,请通过环境变量传入您自己的私钥 —— 切勿硬编码敏感信息。
import { createPublicClient, http } from "viem";
import { arbitrumSepolia } from "viem/chains";
const client = createPublicClient({
chain: arbitrumSepolia,
transport: http(),
});
// 从合约读取数据
const result = await client.readContract({
address: "0x...",
abi: contractAbi,
functionName: "myFunction",
});
完整模式(包括 wagmi hooks、钱包连接与写交易)请参见 references/frontend-integration.md。
cargo stylus export-abi(Stylus)和 forge inspect(Solidity)导出 ABI,并统一存放于前端可导入的共享位置。按需查阅以下文档以获取更深入的指导:
references/stylus-rust-contracts.md — Stylus SDK 使用模式、存储、宏与入口点定义references/solidity-contracts.md — Arbitrum 上的 Solidity 特性与 Foundry 工作流references/frontend-integration.md — React + viem + wagmi 实践模式references/local-devnode.md — Nitro devnode 配置、账户与调试指南references/deployment.md — 部署至测试网与主网的操作说明references/testing.md — Stylus 与 Solidity 的测试策略相关专题
热门下载
相关下载
精品课程
共6课时 | 54.7万人学习
共89课时 | 134.1万人学习
共49课时 | 82.5万人学习
最新文章