# 使用Web3.js调用智能合约示例

**Published by:** [Confucian](https://paragraph.com/@confucian-2/)
**Published on:** 2022-05-26
**URL:** https://paragraph.com/@confucian-2/web3-js

## Content

使用Web3.js调用智能合约示例说明本文会演示如何在本地编译部署智能合约，使用 web3.js 连接你的合约，并调用合约中的函数。注：笔者所使用的操作系统为 Ubuntu22.04所需工具Node.jsTruffleGanacheWeb3.jsVS Code开始Node.js 和 VS Code 笔者就默认已装，不在这里讲述如何安装了安装Truffle创建Truffle项目首先创建一个文件夹作为你的项目目录（这里我命名为demo） 使用 VS Code 打开该文件夹，新建终端 初始化 Truffle 项目随后你可以看到文件目录如下：简单介绍下这些文件和文件夹：contracts 文件夹下存放合约文件migrations 文件夹下存放合约迁移脚本test 文件夹下存放测试代码文件truffle-config.js 用来配置 truffle 项目编写智能合约contracts 文件夹下的 Migration.sol 是 truffle 自动生成的，可以忽略在 contracts 文件夹下新建 MyContract.sol ，内容如下：// SPDX-License-Identifier: MIT pragma solidity ^0.8.0; contract MyContract { uint data; function getData() external view returns (uint) { return data; } function setData(uint _data) external { data = _data; } } 编写迁移脚本migrations 文件夹下的 1_initial_migration.js 是 truffle 自动生成的，可以忽略在 migrations 文件夹下新建 2_deploy_migration.js ，内容如下：const MyContract = artifacts.require("MyContract"); module.exports = function (deployer) { deployer.deploy(MyContract); }; 配置truffle-config.js移除 truffle-config.js 中 networks 下的 development 注释，并修改端口为 7545 (Ganache所用端口)编译合约首先本地启动 Ganache然后使用 Truffle 命令编译合约这时你可以看到在项目目录下多了一个 build 文件夹，里面存放合约编译后的文件安装web3.js使用web3.js连接合约项目目录(demo)下新建 index.js 文件内容如下：const Web3 = require('web3'); const MyContract = require('./build/contracts/MyContract.json'); const init = async () => { const web3 = new Web3('http://localhost:7545'); const id = await web3.eth.net.getId(); const deployedNetwork = MyContract.networks[id]; const contract = new web3.eth.Contract( MyContract.abi, deployedNetwork.address ); const data = await contract.methods.getData().call(); console.log(data); } init(); 代码中实现了 getData() 函数的调用 迁移部署合约到本地可以看到我们编写的迁移脚本被执行，合约被部署到了本地的 Ganache 上，查看 Ganache 发现区块增加以及具体的 transactions 执行 index.js 来调用 MyContract 合约中的 getData()因为我们之前没有设置 data 的值，所以查到 data 为 0 现在我们修改 index.js 的代码来调用 setData() 函数进而修改合约中 data 的值const Web3 = require('web3'); const MyContract = require('./build/contracts/MyContract.json'); const init = async () => { const web3 = new Web3('http://localhost:7545'); const id = await web3.eth.net.getId(); const deployedNetwork = MyContract.networks[id]; const contract = new web3.eth.Contract( MyContract.abi, deployedNetwork.address ); const addresses = await web3.eth.getAccounts(); await contract.methods.setData(10).send({ from: addresses[0], }); const data = await contract.methods.getData().call(); console.log(data); } init(); 同样执行 index.js可以看到合约中的 data 成功被修改为输入的参数 10 查看 Ganache 可以看到我们调用 setData() 的交易小结以上就是简单地使用 web3.js 连接智能合约并调用合约中方法的演示

## Publication Information

- [Confucian](https://paragraph.com/@confucian-2/): Publication homepage
- [All Posts](https://paragraph.com/@confucian-2/): More posts from this publication
- [RSS Feed](https://api.paragraph.com/blogs/rss/@confucian-2): Subscribe to updates
- [Twitter](https://twitter.com/Confucian_e): Follow on Twitter