Web3与智能合约:开发一个简单的DApp并部署到以太坊测试网(Solidity+Hardhat+React)① 环境搭建


前言

智能合约(Smart Contract)存在于以太坊区块链中,任何人都可以通过支付一定量的Gas fee与之交互,这个系列文章将介绍作为开发者,如何构建一个DApp:

  1. 使用Solidity编写一个智能合约。
  2. 使用Hardhat将智能合约部署到以太坊网络中。
  3. 基于Reac构建一个客户端网站来与区块链上的智能合约进行交互。

一、环境搭建

1.安装hardhat

安装node/npm,如果没有安装的话点这里
新建一个你的DApp工作目录例如myweb3,cd到该目录下执行如下命令:

cd myweb3
npm init -y
npm install --save-dev hardhat

2.测试是否安装成功

在工作目录下运行:

npx hardhat

在这里如果你将yarn和npm一起安装,可能会收到像npm ERR! could not determine executable to run这样的错误,可以运行以下命令来继续:

yarn add hardhat
npx hardhat

选择创建一个示例项目,全都选择“是”,示例项目会要求你安装hardhat-wafflehardhat-ethers,可用一下命令安装:

npm install --save-dev @nomiclabs/hardhat-waffle ethereum-waffle chai @nomiclabs/hardhat-ethers ethers

运行以下命令,在控制台应输出像0xa0Ee7A142d267C1f36714E4a8F75612F20a79720的字符串,这是hardhat为我们生成的用于模拟真实用户的以太坊地址。

npx hardhat accounts

最后,为了确定一切都安装就绪,运行:

npx hardhat compile

然后运行:

npx hardhat test

你应在控制台看到:
在这里插入图片描述

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
首先,你需要安装 Node.js,可以在官下载对应的版本:https://nodejs.org/en/download/ 接着,可以使用 npm(Node.js 的包管理工具)安装 Ganache 和 Web3.js: ``` npm install -g ganache-cli web3 ``` 安装完成后,可以在命令行中执行以下命令启动 Ganache: ``` ganache-cli ``` 这会在本地启动一个以太坊仿真节点,你可以在浏览器中访问 http://localhost:8545 来查看节点信息。 接下来,可以使用 Web3.js 连接到 Ganache 节点,并在其中部署测试 Solidity 智能合约。例如,可以使用以下代码连接到 Ganache 节点: ``` const Web3 = require('web3'); const web3 = new Web3('http://localhost:8545'); ``` 然后,可以使用 web3.js 提供的接口编写 Solidity 智能合约,并使用以下代码将其部署到 Ganache 节点上: ``` const fs = require('fs'); const solc = require('solc'); const contractSource = fs.readFileSync('MyContract.sol', 'utf8'); const compiledContract = solc.compile(contractSource, 1); const contractABI = JSON.parse(compiledContract.contracts[':MyContract'].interface); const contractBytecode = compiledContract.contracts[':MyContract'].bytecode; const MyContract = new web3.eth.Contract(contractABI); MyContract.deploy({ data: contractBytecode, arguments: [123, 'hello'] }).send({ from: '0x123...', gas: 1500000, gasPrice: '30000000000000' }).then((newContractInstance) => { console.log(newContractInstance.options.address); }); ``` 这会将编写的 MyContract 合约部署到 Ganache 节点上,并输出新合约实例的地址。 最后,可以使用 Web3.js 提供的接口与部署的合约进行交互,例如: ``` MyContract.methods.myFunction().call().then((result) => { console.log(result); }); ``` 这会调用 MyContract 合约中的 myFunction 函数,并输出返回结果。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值