本人是步入Web3两个月的小菜鸟,经历了一个月react的后台项目开发,此文章适合刚进入区块链行业的前端同学使用 (掌握html、js、css),还请大佬们轻点!!
需求:
-
添加Metamask插件
- 实现点击按钮 -> 链接钱包,并在刷新时自动链接。
- 实现点击按钮 -> 添加Chain节点。
- 实现点击按钮 -> 切换Ethereum/Rinkeby节点,切换时页面将刷新。
- 实现点击按钮 -> 获取账户余额。
- 实现点击按钮 -> 获取账户签名
step1 Google浏览器安装Metamask钱包
这里就不演示如何安装了,可以自行搜索,google插件进行安装
step2 使用UmiJs构建项目
UmiJs官网:快速上手
1、创建好文件夹后在终端中输入 yarn create @umijs/umi-app
2、安装依赖 yarn add @web3-react/core
yarn add @web3-react/injected-connector
yarn add @ethersproject/providers
yarn add web