关注
分享
文章平均质量分 80
本专栏介绍了使用React库下的Material UI框架开发一个仿MetaMask的简单网页版以太坊钱包。该钱包具有新建账号、登录、导出账号、转账、收藏ERC20代币并交易、签名交易、支持三大测试网等功能。
AiMateZero
付费专栏里的部分内容被CSDN下架，请订阅过的小伙伴私信我联系补发原始文档！
展开
-
边学边用--使用React下的Material UI框架开发一个简单的仿MetaMask的网页版以太坊钱包（三）
前一篇文章我们学习了React中路由的使用并创建了一个导入界面；这一次我们学习钱包的具体实现和登录界面的开发，并且通过钱包将登录界面、创建钱包和导入钱包这三个UI串连起来。一、Provider的进一步应用 ...原创 2020-01-26 17:39:30 · 920 阅读 · 0 评论 -
边学边用--使用React下的Material UI框架开发一个简单的仿MetaMask的网页版以太坊钱包（四）
一、前言 在上一章，我们完成了钱包的底层实现及新建账号、钱包登录和导入账号这三个页面之间的关联。本章我们接着开发，完成钱包详情界面UI的拼接和钱包余额的显示。 今天的内容比较简单，我们计划实现一个这样的界面： &nbs...原创 2020-01-27 17:22:30 · 1154 阅读 · 1 评论 -
边学边用--使用React下的Material UI框架开发一个简单的仿MetaMask的网页版以太坊钱包（一）
一、前言区块链经历了长时期的低谷，最近又火了起来。目前国家也在推动，也许央行今年就要发行数字货币了。提到区块链，不能不提比特币和以太坊，区块链诞生于比特币，比特币就是区块链1.0。以太坊将区块链发扬光大，是为区块链2.0。然而我们想要和以太坊交互，就必须有一个以太坊钱包。以太坊钱包有很多重，但桌面上用的最多的是Chrome浏览器里的MetaMask插件。手机上的钱包有很多，这里不列举了。但是使用...原创 2020-01-22 10:52:46 · 1828 阅读 · 0 评论 -
边学边用--使用React下的Material UI框架开发一个简单的仿MetaMask的网页版以太坊钱包（完）
在上一次开发中，我们钱包的主要功能已经开发完成了。但是开发完成到部署上线应用还是有一工作要做的：比如代码优化、测试、打包发布等。由于时间关系，代码的优化及测试等并未处理，直接打包发布了，这里提醒读者注意代码中可能有错误、笔误或者不完善的地方。 ...原创 2020-02-08 20:58:15 · 744 阅读 · 0 评论 -
边学边用--使用React下的Material UI框架开发一个简单的仿MetaMask的网页版以太坊钱包（七）
在前一篇文章里，我们完成了钱包的账号导出功能。 这次我们计划开发钱包显示ERC20代币列表的功能。因为我们是仿MetaMask做的，所以目前只能手动添加Erc20代币。一、主要功能演示 用户登录钱包后，点击左上角的菜单按钮，会出现...原创 2020-02-02 18:02:30 · 636 阅读 · 0 评论 -
边学边用--使用React下的Material UI框架开发一个简单的仿MetaMask的网页版以太坊钱包（六）
在上一次开发中，我们完成了钱包的ETH转账功能，这次开发我们计划完成账号导出功能。一、本次开发计划 因为我们的钱包为网页版，账号私钥加密后保存在本地存储中，当用户清理浏览器本地存储时便会丢失账号。所以需要一个导出账号功能，将用户的私钥或者助记词导出，用户可以复制后保存在别处，防止账号丢失。计划开发中的页面如下：...原创 2020-01-31 12:49:44 · 743 阅读 · 0 评论 -
边学边用--使用React下的Material UI框架开发一个简单的仿MetaMask的网页版以太坊钱包（五）
一、本次目标本次开发之前，我对网络选择按钮中各网络的按钮颜色实现进行了修改，摒弃了自定义Theme这个方法，改成了直接给图标设置颜色。这里作一下说明，具体代码不再列出。另外，前几次开发中提到的Provider在上一次开发中，我们拼接了钱包主界面并且能够正确实时显示用户的余额，这次，我们来完成钱包主界面的发送ETH功能。让我们先登录钱包并切换到Kovan测试网：你也可以先切换到kovan测试...原创 2020-01-29 20:47:21 · 683 阅读 · 0 评论