以太坊实战入门,从零开始构建你的第一个去中心化应用 DApp)

实战第一步：编写你的第一个智能合约

我们将以一个简单的“存储合约”为例，学习如何编写、编译和部署智能合约。

1. 安装Truffle和Ganache：

   • 打开终端/命令行工具，全局安装Truffle：npm install -g truffle
   • 下载并安装Ganache（从其官网下载对应系统的版本）。

2. 创建Truffle项目：

   • 在你想要创建项目的目录下，运行：truffle init
   • 这会生成一个标准的Truffle项目结构，包括contracts/（存放智能合约）、migrations/（部署脚本）、test/（测试文件）等文件夹。

3. 编写智能合约：

   • 打开contracts/目录，删除默认的Migrations.sol（如果需要的话），创建一个新的Solidity文件，例如SimpleStorage.sol。
   • 编写以下代码：

     // SPDX-License-Identifier: MIT
     pragma solidity ^0.8.0;

   contract SimpleStorage { uint256 private storedData;

   function set(uint256 x) public {
       storedData = x;
   }
   function get() public view returns (uint256) {
       return storedData;
   }

   
   *   **代码解释**：
       *   `SPDX-License-Identifier` 和 `pragma solidity` 是Solidity合约的标准头部声明。
       *   `contract SimpleStorage`：定义一个名为`SimpleStorage`的合约。
       *   `uint256 private storedData`：声明一个私有的256位无符号整型变量`storedData`，用于存储数据。
       *   `function set(uint256 x) public`：一个公共函数`set`，接受一个`uint256`类型的参数`x`，用于设置`storedData`的值。
       *   `function get() public view returns (uint256)`：一个公共函数`get`，`view`表示它只读取数据不修改状态，返回`storedData`的值。

4. 编译合约：

   • 在项目根目录的终端中运行：truffle compile
   • 如果没有错误，Truffle会在build/contracts/目录下生成JSON格式的合约ABI（应用二进制接口）和字节码文件,ABI是合约与外界交互的接口。

实战第二步：部署智能合约到本地测试网

1. 启动Ganache：

   打开Ganache，点击“QUICKSTART”按钮，它会启动一个本地私有区块链，并提供10个测试账户,每个账户都有100个测试ETH。

2. 配置Truffle连接Ganache：

   • 打开项目根目录下的truffle-config.js（或truffle.js）文件。
   • 在networks对象中添加Ganache的配置：

     development: {
     host: "127.0.0.1",     // Localhost (default: none)
     port: 7545,            // Standard Ethereum port (default: none)
     network_id: "*",       // Any network (default: none)
     },

   • 确保Ganache启动时显示的端口（默认7545）与配置一致。

3. 编写部署脚本 (Migration Script)：

   • 打开migrations/目录，创建一个新的迁移文件，例如2_deploy_contracts.js（数字表示部署顺序）。
   • 编写以下代码：

     const SimpleStorage = artifacts.require("SimpleStorage");

   module.exports = function (deployer) { deployer.deploy(SimpleStorage); };

   
   *   `artifacts.require("SimpleStorage")`告诉Truffle我们要部署的是`SimpleStorage`合约。
   *   `deployer.deploy(SimpleStorage)`指定部署这个合约。

4. 执行部署：

   • 在项目根目录的终端中运行：truffle migrate --network development
   • 如果部署成功，你会在终端看到合约的部署地址,并且Ganache中对应账户的余额会因支付Gas费而减少。

实战第三步：与你的智能合约交互（前端DApp）

现在我们创建一个简单的前端界面来调用我们部署的SimpleStorage合约。

1. 创建前端项目结构：

   • 在项目根目录下创建一个client文件夹（或其他你喜欢的名字）。
   • 进入client文件夹，初始化一个React项目（或使用其他前端框架如Vue，这里以React为例）：

     npx create-react-app .

     或者手动安装React和相关依赖。

2. 安装web3.js或ethers.js：

   • 这是与以太坊节点交互的JavaScript库，这里我们选择ethers.js，因为它更现代、更轻量。
   • 在client目录下运行：npm install ethers

3. 连接MetaMask并调用合约：

   • 打开client/src/App.js（或你的主组件文件），编写代码来连接MetaMask,读取和设置合约数据。
   • 示例App.js代码：

     import React, { useState, useEffect } from 'react';
     import { ethers } from 'ethers';
     import SimpleStorageArtifact from '../build/contracts/SimpleStorage.json'; // 确保路径正确

   function App() { const [contract, setContract] = useState(null); const [provider, setProvider] = useState(null); const [account, setAccount] = useState(''); const [storedData, setStoredData] = useState('');