编译合约

Mac 上以太坊 DApp 开发环境搭建

要在 Mac 上开始以太坊 DApp 开发，我们需要安装一系列必要的工具,以下是核心组件的安装步骤：

安装 Homebrew

Homebrew 是 macOS 上的包管理器，可以方便地安装各种开发工具，打开 Terminal（终端）,执行以下命令：

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

安装完成后，可以运行 brew --version 验证。

安装 Node.js 和 npm

Node.js 是运行 JavaScript 运行时环境，npm（Node Package Manager）是 Node.js 的包管理器，许多以太坊开发工具都基于 Node.js。

brew install node

安装后，运行 node -v 和 npm -v 检查版本。

安装 Python 和 pip

某些工具（如 Web3.py）可能需要 Python 环境，macOS 通常自带 Python，但 pip（Python 包管理器）可能需要安装：

brew install python

或者，如果已安装 Python，可以通过以下方式安装 pip：

curl https://bootstrap.pypa.io/get-pip.py -o get-pip.py
python get-pip.py

安装 Solidity 编译器 (Solc)

Solidity 是以太坊智能合约的主要编程语言，我们可以通过 npm 安装 solc：

npm install -g solc

或者，使用 Homebrew 安装（如果提供）：

brew install solc

验证安装：solc --version

安装开发框架：Truffle 或 Hardhat

Truffle 和 Hardhat 是目前最流行的以太坊开发框架，它们提供了智能合约编译、测试、部署等一站式解决方案。

安装 Truffle:

npm install -g truffle

安装 Hardhat:

npm install -g hardhat

安装本地开发节点：Ganache 或 Hardhat Network

Ganache 是一个个人区块链，用于快速部署和测试智能合约，它提供了一个图形界面和一系列预设账户,方便开发者调试。

安装 Ganache (通过 Homebrew):

brew install ganache

安装后，在 Spotlight 中搜索 "Ganache" 启动，它会默认在本地启动一个开发网络（RPC URL 为 HTTP://127.0.0.1:7545）。

Hardhat 自带一个本地开发节点（Hardhat Network），无需额外安装 Ganache。

安装 MetaMask 浏览器插件

MetaMask 是一款以太坊钱包浏览器插件，允许用户与 DApp 进行交互，管理账户和私钥，在 Chrome、Firefox、Brave 等主流浏览器的应用商店搜索 "MetaMask" 并安装安装，安装完成后,创建一个新的钱包并备份好助记词。

创建你的第一个以太坊 DApp 项目

环境搭建完成后，我们以 Truffle 为例，创建一个简单的 DApp 项目。

初始化项目

创建一个项目文件夹，并在 Terminal 中进入该文件夹,然后运行：

truffle init

这会生成一个标准的 Truffle 项目结构,包括：

• contracts/：存放 Solidity 智能合约文件。
• migrations/：部署脚本文件。
• test/：测试文件。
• truffle-config.js：Truffle 配置文件。

编写智能合约

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

这个合约包含一个设置值 (set) 和获取值 (get) 的简单功能。

编写迁移脚本

在 migrations/ 目录下，创建一个新的迁移脚本，2_deploy_contracts.js：

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

配置 Truffle

打开 truffle-config.js，确保配置正确指向你的本地开发节点（如 Ganache），默认情况下，Truffle 会连接到 development 网络，如果你使用 Ganache，确保 Ganache 的 RPC URL 和网络 ID 与配置一致（或 Truffle 默认的 development 网络配置）。

// truffle-config.js
module.exports = {
  networks: {
    development: {
      host: "127.0.0.1",     // Localhost (default: none)
      port: 7545,            // Standard Ethereum port (default: none)
      network_id: "*",       // Any network (default: none)
    },
    // ... 其他网络配置
  },
  compilers: {
    solc: {
      version: "0.8.0",    // 指定 Solidity 编译器版本
    }
  }
};

编译和部署合约

在 Terminal 中，确保在项目根目录下,运行：

# 部署合约到本地网络
truffle migrate --network development

如果一切顺利，你会看到合约部署成功的日志,包括合约地址。

开发前端 DApp

在项目根目录下，创建一个 frontend 文件夹，并初始化一个 React 项目（或使用纯 HTML/CSS/JS）：

mkdir frontend
cd frontend
npx create-react-app .  # 或使用 npm init -y 后手动构建

安装 Web3.js 或 ethers.js（用于与以太坊交互）：

npm install web3

在 React 组件中（src/App.js），编写代码连接 MetaMask,调用已部署的智能合约：

import React, { useState, useEffect } from 'react';
import Web3 from 'web3';
import SimpleStorageArtifact from '../build/contracts/SimpleStorage.json'; // 确保路径正确
function App() {
  const [web3, setWeb3] = useState(null);
  const [contract, setContract] = useState(null);
  const [account, setAccount] = useState('');
  const [storedData, setStoredData] = useState('');
  const [newValue, setNewValue] = useState('');
  useEffect(() => {
    const init = async () => {
      // 检查是否安装了 MetaMask
      if (window.ethereum) {
        try {
          // 请求账户访问
          await window.ethereum.request({ method: 'eth_requestAccounts' });
          const web3Instance = new Web3(window.ethereum);
          setWeb3(web3Instance);
          // 获取当前账户
          const accounts = await web3Instance.eth.getAccounts();
          setAccount(accounts[0]);
          // 网络 ID 和合约地址需要根据部署结果调整
          const networkId = await web3Instance.eth.net.getId();
          const deployedNetwork = SimpleStorageArtifact.networks[networkId];
          const contractInstance = new web3Instance.eth.Contract(
            SimpleStorageArtifact.abi,
            deployedNetwork && deployedNetwork.address
          );
          setContract(contractInstance);
          // 获取

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