从零到一,如何在以太坊上开发去中心化应用(DApp)全指南

// SPDX-License-Identifier: MIT
pragma solidity ^0.8.0;
contract Voting {
    // 投票主题结构体
    struct Poll {
        string topic;
        uint256 yesVotes;
        uint256 noVotes;
        bool isActive;
    }
    // 存储所有投票，通过ID映射
    mapping(uint256 => Poll) public polls;
    uint256 public pollCount;
    // 创建新投票
    function createPoll(string memory _topic) public {
        pollCount++;
        polls[pollCount] = Poll(_topic, 0, 0, true);
    }
    // 投票（true=支持，false=反对）
    function vote(uint256 _pollId, bool _support) public {
        require(polls[_pollId].isActive, "Poll is closed");
        if (_support) {
            polls[_pollId].yesVotes++;
        } else {
            polls[_pollId].noVotes++;
        }
    }
    // 获取投票结果
    function getPollResult(uint256 _pollId) public view returns (string memory, uint256, uint256) {
        Poll storage poll = polls[_pollId];
        return (poll.topic, poll.yesVotes, poll.noVotes);
    }
}

const Voting = artifacts.require("Voting");
contract("Voting", (accounts) => {
    it("should create and vote in a poll", async () => {
        const votingInstance = await Voting.deployed();
        // 创建投票
        await votingInstance.createPoll("Should Ethereum upgrade to PoS?");
        // 账户0支持，账户1反对
        await votingInstance.vote(1, true, { from: accounts[0] });
        await votingInstance.vote(1, false, { from: accounts[1] });
        // 查看结果
        const result = await votingInstance.getPollResult(1);
        assert.equal(result[1], 1, "Yes votes should be 1");
        assert.equal(result[2], 1, "No votes should be 1");
    });
});

运行truffle test，若测试通过，说明合约逻辑正确。

步骤3：部署智能合约

部署是将编译后的合约代码部署到以太坊网络（本地网、测试网或主网）。

1. 配置网络
   在truffle-config.js中添加网络配置（示例为本地Ganache和测试网Ropsten）：

module.exports = {
  networks: {
    development: {
      host: "127.0.0.1",
      port: 7545, // Ganache默认端口
      network_id: "*", // 匹配任何网络ID
    },
    ropsten: {
      provider: () => new HDWalletProvider(mnemonic, `https://ropsten.infura.io/v3/YOUR_INFURA_ID`),
      network_id: 3,
      gas: 3000000,
    },
  },
  compilers: {
    solc: {
      version: "0.8.0",
    },
  },
};

HDWalletProvider用于从助记词生成账户（需安装npm install @truffle/hdwallet-provider），Infura是节点服务提供商（免费注册获取ID）。

2. 执行部署
   编写部署脚本（文件路径：migrations/2_deploy_contracts.js）：

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

运行truffle migrate --network development，合约将部署到本地Ganache；若部署测试网，需将--network改为ropsten，并确保MetaMask账户有足够的测试ETH（可通过Ropsten水龙头获取）。

步骤4：开发前端交互界面

智能合约部署后,需通过前端应用让用户与之交互，推荐使用React + Ethers.js（或Web3.js）实现。

1. 创建React项目
   运行npx create-react-app voting-dapp，进入项目目录安装依赖：npm install ethers（轻量级以太坊交互库）。

2. 连接合约
   在src/App.js中，通过Ethers.js连接已部署的合约（需从build/contracts/Voting.json复制ABI和合约地址）：

import { useState, useEffect } from "react";
import { ethers } from "ethers";
import Voting from "./contracts/Voting.json";
function App() {
  const [contract, setContract] = useState(null);
  const [account, setAccount] = useState("");
  const [topic, setTopic] = useState("");
  const [polls, setPolls] = useState([]);
  // 初始化：连接MetaMask和合约
  useEffect(() => {
    const init = async () => {
      if (window.ethereum) {
        // 请求账户权限
        const accounts = await window.ethereum.request({ method: "eth_requestAccounts" });
        setAccount(accounts[0]);
        // 连接网络（本地网/测试网）
        const provider = new ethers.providers.Web3Provider