以太坊应用开发入门,从零开始构建你的去中心化应用 DApp)

npm install -g truffle
npm install -g ganache

创建你的第一个 DApp 项目

让我们以一个简单的“待办事项列表 (Todo List)” DApp 为例。

1. 初始化项目： 创建一个新的项目文件夹，并在终端中进入该文件夹，运行：

   truffle init

   这会生成一些基本的项目结构,如 contracts/（智能合约目录）、migrations/（部署脚本目录）、test/（测试目录）和 truffle-config.js（Truffle 配置文件）。

2. 编写智能合约： 在 contracts/ 目录下，创建一个新的 Solidity 文件，TodoList.sol。

   // SPDX-License-Identifier: MIT
   pragma solidity ^0.8.0;
   contract TodoList {
       struct Task {
           uint id;
           string content;
           bool completed;
       }
       mapping(uint => Task) public tasks;
       uint public taskCount = 0;
       event TaskCreated(uint id, string content, bool completed);
       event TaskCompleted(uint id, bool completed);
       function createTask(string memory _content) public {
           tasks[taskCount] = Task(taskCount, _content, false);
           taskCount++;
           emit TaskCreated(taskCount - 1, _content, false);
       }
       function toggleCompleted(uint _id) public {
           Task memory _task = tasks[_id];
           _task.completed = !_task.completed;
           tasks[_id] = _task;
           emit TaskCompleted(_id, _task.completed);
       }
   }

   这个合约包含两个主要函数：createTask 用于创建新的待办事项，toggleCompleted 用于切换任务完成状态。

3. 编译智能合约： 在终端中运行：

   truffle compile

   成功编译后,会在 build/contracts/ 目录下生成对应的 ABI（应用程序二进制接口）和字节码文件。

4. 部署智能合约： 启动 Ganache：

   ganache

   Ganache 启动后，会为你提供一系列测试账户和私钥。 在 migrations/ 目录下创建一个新的部署脚本，2_deploy_contracts.js：

   const TodoList = artifacts.require("TodoList");
   module.exports = function(deployer) {
     deployer.deploy(TodoList);
   };

   确保 truffle-config.js 中的网络配置指向 Ganache 的默认端口（通常为 7545）。 在终端中运行：

   truffle migrate --network development

   （truffle-config.js 中 development 网络配置正确，且 Ganache 正在运行） 成功部署后，合约地址会显示在终端中。

开发前端界面

前端负责与用户交互,并调用智能合约的功能。

1. 安装前端框架和库： 我们将使用 React 和 Web3.js（或 Ethers.js）来与以太坊交互。 在项目根目录下创建一个 frontend 文件夹，并进入：

   npx create-react-app frontend
   cd frontend
   npm install ethers

   Ethers.js 是一个更现代、更轻量级的以太坊交互库。

2. 连接前端到智能合约： 在 frontend/src/ 目录下，创建一个 TodoList.js 文件（或类似名称）来封装与合约的交互逻辑：

   import { ethers } from "ethers";
   const TodoListAddress = "YOUR_DEPLOYED_CONTRACT_ADDRESS"; // 替换为你的合约地址
   const TodoListABI = [/* 这里粘贴你的 TodoList.sol 合约的 ABI */]; // 可以从 build/contracts/TodoList.json 中获取
   let todoListContract;
   const getTodoListContract = async () => {
     if (window.ethereum) {
       const provider = new ethers.providers.Web3Provider(window.ethereum);
       const signer = provider.getSigner();
       todoListContract = new ethers.Contract(TodoListAddress, TodoListABI, signer);
       return todoListContract;
     } else {
       alert("Please install MetaMask!");
     }
   };
   export { getTodoListContract };

   在 App.js 中，你可以使用这个合约对象来调用函数和监听事件。

3. 实现用户界面： 修改 frontend/src/App.js，创建输入框、按钮和任务列表，并调用合约的 createTask 和 toggleCompleted 函数，监听 TaskCreated 和 TaskCompleted 事件来更新 UI。

   创建任务的函数可能如下：

   const createTask = async (content) => {
     if (content.trim() === "") return;
     const contract = await getTodoListContract();
     const tx = await contract.createTask(content);
     await tx.wait(); // 等待交易确认
     // 清空输入框，并可以刷新任务列表
   };

测试与部署

1. 测试智能合约： 在 test/ 目录下编写测试用例（使用 JavaScript 或 Solidity），使用 Truffle 运行测试：

   truffle test

2. 部署到测试网/主网： 当本地开发和测试完成后，你可以将 DApp 部署到以太坊测试网（如 Goerli）甚至主网。

   • 获取测试网 ETH：从相应的测试网水龙头获取。
   • 配置 Truffle：在 truffle-config.js 中添加测试网配置（如 Infura 的 URL 和你的 MetaMask 私钥 - 注意安全！）。
   • 修改部署脚本：确保 migrations/ 脚本指向正确的网络。
   • 运行迁移：truffle migrate --network <testnet_network_name>。
   • 部署前端：你可以将构建后的前端文件（frontend/build）部署到 Netlify、Vercel 或 IPFS 等平台。

进阶学习资源

以太坊开发生态非常庞大,本教程只是一个入门起点，你可以进一步学习：

• Solidity 高级特性：继承、接口、库、事件、修饰符等。
• 更复杂的前端框架：如 Next.js、SvelteKit 等。
• 去中心化存储：如 IPFS、Arweave，用于存储 DApp 的静态资源或大量数据。
• **Layer

文章版权声明：本文由用户投稿上传，若侵权请提供版权资料并联系删除！