使用Truffle、Ganache、MetaMask、Vue+Web3完成的一个简单区块链项目

news2025/4/20 14:02:18

文章目录

- 概要
- 初始化Truffle项目
- 创建编写合约
- 编译合约
- 配置Ganache
- 修改truffle-config.js文件
- 编写迁移文件
- 部署合约
- 使用Truffle 控制台
- 使用MetaMask和Vue+Web3与链交互

概要

使用Truffle、Ganache、MetaMask、Vue+Web3完成的一个简单区块链项目。

初始化Truffle项目

安装好truffle，执行命令。

truffle init

完成后目录如下。
在这里插入图片描述

创建编写合约

在contracts目录下创建编写合约。

在这里插入图片描述
准备一个简单的合约。

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

contract SimpleStorage {
    // 存储一个数字
    uint256 private storedNumber;

    // 设置数字
    function setNumber(uint256 _number) public {
        storedNumber = _number;
    }

    // 获取数字
    function getNumber() public view returns (uint256) {
        return storedNumber;
    }
}

编译合约

在项目目录执

truffle compile

执行成功会在build/contracts目录下生成一个json文件， JSON 文件中，abi 和 bytecode 是与合约交互的关键部分。
在这里插入图片描述

配置Ganache

在这里插入图片描述点击New WorkSPACE配置，主要配置本地和端口号，本地的话我没就使用默认的。

在这里插入图片描述
配置完成后启动就行，默认有十个账户，都有以太。

在这里插入图片描述

修改truffle-config.js文件

在这里插入图片描述
修改两个地方，一个网络和合约版本，网络要和gannche里的一样，合约版本要一致或兼容。

在这里插入图片描述

编写迁移文件

在migrations目录下编写一个js文件。

在这里插入图片描述

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

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

迁移文件用于管理和自动化智能合约的部署过程。每当你需要将合约部署到区块链网络时，迁移文件会帮助你定义和执行这一过程。

部署合约

项目目录下执行命令

truffle migrate

部署完成后查看Ganache。
在这里插入图片描述

使用Truffle 控制台

部署完成后项目目录下执行

truffle console

let instance = await SimpleStorage.deployed();
//
await instance.setNumber(42);
//
let number = await instance.getNumber();
//
console.log(number.toString());