Skip to content

Latest commit

 

History

History
40 lines (26 loc) · 1007 Bytes

README-CN.md

File metadata and controls

40 lines (26 loc) · 1007 Bytes

中文 / English

hardhat-react

前言

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

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

操作步骤

  1. 安装依赖

    npm install
  2. 部署合约

    npx hardhat run scripts/deploy.js --network goerli
  3. 启动 react

    cd frontend
    npm install
    npm start
  4. 尝试在前端页面进行 ERC20 token 转账,观察账户 token 余额变化

参考文档