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

以太坊作为全球第二大加密货币和最具活力的去中心化应用（Dapp）开发平台，为开发者提供了强大的工具和生态系统，使得构建基于区块链的应用程序成为可能，区块链怎么开发以太坊应用呢？本文将为你提供一个清晰的入门指南，涵盖核心概念、开发环境搭建、智能合约编写、测试以及部署等关键步骤。

理解以太坊开发的核心概念

在动手之前,理解一些核心概念至关重要：

1. 区块链与以太坊：区块链是一种分布式、不可篡改的账本技术，以太坊是一个开源的、基于区块链的平台,它允许开发者构建和部署智能合约和去中心化应用。
2. 智能合约（Smart Contract）：运行在以太坊虚拟机（EVM）上的自动执行的程序代码，是DApp的核心逻辑所在，它们一旦部署，就无法被修改,按照预设规则执行。
3. 以太坊虚拟机（EVM）：一个图灵完备的虚拟机，负责执行智能合约代码,确保以太坊网络上的所有节点都能达成共识。
4. 账户（Accounts）：以太坊上有两种账户：外部账户（EOA，由用户私钥控制）和合约账户（由代码控制）,账户地址是20字节的十六进制数。
5. Gas：在以太坊网络上执行操作（如智能合约部署、交易）需要支付的费用，以ETH计价,Gas费用是为了防止恶意程序消耗网络资源。
6. Solidity：最常用的智能合约编程语言，其语法类似于JavaScript、C ，其他语言如Vyper、Serpent也存在,但Solidity是主流。

搭建以太坊开发环境

1. 安装Node.js和npm：Node.js是一个JavaScript运行时，npm是Node.js的包管理器，许多以太坊开发工具都基于Node.js,从官网下载并安装LTS版本。
2. 安装Truffle Suite：
   • Truffle：是最流行的以太坊开发框架，用于智能合约的编译、测试、部署和管理。
   • Ganache：一个个人区块链，用于快速搭建本地测试环境,可以即时生成测试账户和查看交易。
   • Drizzle：用于构建前端应用的React库,与Truffle集成良好。
   • 在终端中运行：npm install -g truffle ganache
3. 安装MetaMask：MetaMask是一个浏览器钱包和插件，允许用户与以太坊区块链交互（包括测试网络），在Chrome、Firefox等浏览器中安装MetaMask扩展,并创建一个钱包。
4. 选择代码编辑器：Visual Studio Code（VS Code）是开发智能合约的热门选择，配合Solidity插件（如Solidity by Juan Blanco）可以提供语法高亮、代码提示等功能。

编写你的第一个智能合约

1. 创建Truffle项目：

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

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

2. 编写Solidity合约： 在contracts/目录下创建一个新的合约文件，例如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;
       }
   }

   这个合约实现了一个简单的存储功能,可以存储和读取一个无符号256位整数。

3. 编译合约： 在项目根目录运行：

   truffle compile

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

   

测试智能合约

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

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

本文 原创，转载保留链接！网址：https://licai.bangqike.com/bixun/1315359.html