以太坊开发入门,从零开始构建你的第一个DApp

mkdir my-first-dapp
cd my-first-dapp
truffle init

这会生成一个标准的项目结构，包括contracts/（存放智能合约）、migrations/（部署脚本）、test/（测试文件）等目录。

// 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;
    }
}

truffle compile

测试智能合约

测试是确保合约安全性和正确性的关键步骤。

1. 编写测试用例： 在test/目录下创建测试文件，例如simpleStorage.test.js（使用Mocha和Chai框架）：

   const SimpleStorage = artifacts.require("SimpleStorage");
   contract("SimpleStorage", (accounts) => {
       it("should store the value 89.", async () => {
           const simpleStorageInstance = await SimpleStorage.deployed();
           await simpleStorageInstance.set(89, { from: accounts[0] });
           const storedData = await simpleStorageInstance.get();
           assert.equal(storedData, 89, "The value 89 was not stored.");
       });
   });

2. 运行测试： 确保Ganache正在运行（它会提供本地测试网络和测试账户）,然后运行：

   truffle test

   Truffle会连接到Ganache,部署合约并执行测试用例。

部署智能合约

1. 编写迁移脚本： 在migrations/目录下创建新的迁移脚本，例如2_deploy_contracts.js：

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

   数字前缀（2_）表示执行顺序。

2. 部署到测试网络：

   • 本地网络（Ganache）：如果Ganache正在运行，直接执行：

     truffle migrate

   • 公共测试网络（如Ropsten, Goerli, Sepolia）：
     • 在MetaMask中切换到对应的测试网络，并获取测试ETH（从水龙头获取）。
     • 在truffle-config.js中配置网络参数：

       module.exports = {
         networks: {
           development: {
            host: "127.0.0.1",
            port: 7545, // Ganache默认端口
            network_id: "*", // 匹配任何网络id
           },
           goerli: {
             provider: () => new HDWalletProvider(mnemonic, `https://goerli.infura.io/v3/YOUR_INFURA_PROJECT_ID`),
             network_id: 5, // Goerli网络的ID
             gas: 5500000,
             confirmations: 2,
             timeoutBlocks: 200,
             skipDryRun: true
           }
         },
         compilers: {
           solc: {
             version: "0.8.0", // 指定Solidity编译器版本
           }
         }
       };

       其中mnemonic是你的MetaMask助记词，YOUR_INFURA_PROJECT_ID是从Infura（或其他服务提供商）获取的项目ID。

     • 然后执行：truffle migrate --network goerli

3. 部署到主网：过程类似,但需要主网ETH和更谨慎的操作。

开发DApp前端（可选但推荐）

一个完整的DApp通常包含前端界面,与智能合约交互。

1. 创建前端项目：

   npm create vite@latest my-frontend -- --template react
   cd my-frontend
   npm install

2. 安装Web3库：

   npm install web3

3. 连接合约并编写交互逻辑： 在React组件中，使用Web3.js或Ethers.js连接到MetaMask，读取合约ABI和已部署的合约地址，然后调用合约方法。

   import { useEffect, useState } from 'react';
   import Web3 from 'web3';
   import SimpleStorageABI from './contracts/SimpleStorage.json'; // 复制build/contracts/SimpleStorage.json中的abi
   function App() {
     const [web3, setWeb3] = useState(null);
     const [account, setAccount] = useState(null);
     const [contract, setContract] = useState(null);
     const [storedData, setStoredData] = useState(null);
     useEffect(() => {
       const init = async () => {
         // 连接MetaMask
         if (window.ethereum) {
           const web3Instance = new Web3(window.ethereum);
           try {
             await window.ethereum.request({ method: 'eth_requestAccounts' });
             const accounts = await web3Instance.eth.getAccounts();
             setAccount(accounts[0]);
             // 初始化合约
             const networkId = await web3Instance.eth.net.getId();
             const deployedNetwork = SimpleStorageABI.networks[networkId];
             const contractInstance = new web3Instance.eth.Contract(
               SimpleStorageABI.abi,
               deployedNetwork && deployedNetwork.address
             );
             setContract(contractInstance);
             // 读取初始值
             const data = await contractInstance