使用 hardhat 结合 react 和 MetaMask,演示如何开发 Dapp 前端页面

前言

Dapp 开发中很重要的部分便是前端展示,本样例代码使用 hardhat 结合 react 和 MetaMask,演示如何开发 Dapp 前端页面,以及开发的基本流程及接口调用。开发者需要具备 react 框架开发能力才能很好的理解样例代码.

为方便获取,在 .env 中放入的私钥,格式为 "PRIVATE_KEY=xxxx", 然后代码自动从中读取

操作步骤

  1. 安装依赖
npm install
  1. 部署合约
npx hardhat run scripts/deploy.js --network kovan
  1. 启动 react
cd frontend
npm install
npm start

参考文档

  • https://github.com/Fankouzu/smart-contract/tree/master/Solidity%20Lesson%2005
  • https://create-react-app.dev/docs/getting-started/
  • https://github.com/nomiclabs/hardhat-hackathon-boilerplate
  • https://www.nextjs.cn/ next.js
全部评论(0)