专栏首页深入浅出区块链技术以太坊钱包开发系列1 - 创建钱包账号

以太坊钱包开发系列1 - 创建钱包账号

以太坊去中心化网页钱包开发系列,详细的视频课程讲解直接戳链接,本系列将从零开始开发出一个可以实际使用的钱包,本系列是理论与实战相结合,文章一共有四篇:创建钱包账号、账号Keystore文件导入导出、展示钱包信息及发起签名交易、发送Token(代币),这是第一篇,主要介绍钱包将实现哪些功能及怎么创建钱包账号,本钱包是基于ethers.js 进行开发。

去中心化网页钱包

先明确一下定义,什么是去中心化钱包,账号秘钥的管理,交易的签名,都是在客户端完成, 即私钥相关的信息都是在用户手中,钱包的开发者接触不到私钥信息。

对应的中心化钱包则是私钥由中心服务器托管,如交易所的钱包就是这种。

网页钱包,或者叫web钱包,是指钱包以网页的形式展现,去中心化网页钱包则交易的签名等操作是在浏览器里完成。 其他形式的钱包,如Android钱包或iOS钱包其开发思路和web钱包一样,因此文本对开发其他平台的钱包也有参考意义,不过本系列文章主要侧重在钱包功能的实现,并未过多考虑用户体验。

钱包功能

一个钱包通常主要包含的功能有:

  • 账号管理(主要是私钥的管理):创建账号、账号导入导出
  • 账号信息展示:如以太币余额、Token(代币)余额。
  • 转账功能:发送以太币及发送Token(代币)

这些功能将基于 ethers.js 进行开发, ethers.js 和web3.js 一样,也是一套和以太坊区块链进行交互的库,不仅如此,ethers.js 还对BIP 39等相关的提案进行了实现,可以在这个链接阅读其文档。

这些功能主要表现为钱包的两个界面,一个界面是:账号管理,一个界面是进行账号信息展示及转账。下面逐个进行介绍

创建钱包账号

读过上一篇文章理解开发HD 钱包涉及的 BIP32、BIP44、BIP39的同学,会知道创建账号,可以有两种方式:

  • 直接生成32个字节的数当成私钥
  • 通过助记词进行确定性推导出私钥

使用随机数作为私钥创建钱包账号

即方式一,可以使用ethers.utils.randomBytes生成一个随机数,然后使用这个随机数来创建钱包,如代码:

var privateKey = ethers.utils.randomBytes(32);
var wallet = new ethers.Wallet(privateKey);
console.log("账号地址: " + wallet.address);

上面代码的 wallet 是 ethers 中的一个钱包对象,它除了有代码中出现的.address 属性之外,还有如 获取余额、发送交易等方法,在后面的文章会进行介绍。

注意ethers.utils.randomBytes 生成的是一个字节数组,如果想用十六进制数显示出来表示,需要转化为BigNumber代码如下:

let keyNumber = ethers.utils.bigNumberify(privateKey);
console.log(randomNumber._hex);

现在我们结合界面,完整的实现创建账号,其效果图如下,加载私钥时创建账号。

界面代码(HTML)代码如下(主要是在表格中定义个一个输入框及一个按钮):

<table>
    <tr>
        <th>私钥:</th>
        <td><input type="text" placeholder="(private key)" id="select-privatekey" /></td>
    </tr>
    <tr>
        <td> </td>
        <td>
            <div id="select-submit-privatekey" class="submit">加载私钥</div>
        </td>
    </tr>
</table>

对应的逻辑代码(JavaScript)如下:

// 使用JQuery获取两个UI标签
    var inputPrivatekey = $('#select-privatekey');
    var submit = $('#select-submit-privatekey');
// 生成一个默认的私钥
    let randomNumber = ethers.utils.bigNumberify(ethers.utils.randomBytes(32));
    inputPrivatekey.val(randomNumber._hex);
// 点击“加载私钥”时, 创建对应的钱包
    submit.click(function() {
        var privateKey = inputPrivatekey.val();
        if (privateKey.substring(0, 2) !== '0x') { privateKey = '0x' + privateKey; }
       var wallet = new ethers.Wallet(privateKey));
    });

如果用户提供一个已有账号的私钥,则会导入其原有账号。

通过助记词方式创建钱包账号

这是目前主流常见钱包的方式,关于助记词推导过程请阅读理解开发HD 钱包涉及的 BIP32、BIP44、BIP39。

我们需要先生成一个随机数,然后用随机数生成助记词,随后用助记词创建钱包账号,设计到的API有:

var rand = ethers.utils.randomBytes(16);
// 生成助记词
var mnemonic = ethers.utils.HDNode.entropyToMnemonic(rand);
var path = "m/44'/60'/0'/0/0";
// 通过助记词创建钱包
ethers.Wallet.fromMnemonic(mnemonic, path);

现在我们结合界面来实现一下通过助记词方式创建钱包账号,其效果图如下:

界面代码(HTML)代码如下(主要是在表格中定义个两个输入框及一个按钮):

<table>
    <tr>
        <th>助记词:</th>
        <td><input type="text" placeholder="(mnemonic phrase)" id="select-mnemonic-phrase" /></td>
    </tr>
    <tr>
        <th>Path:</th>
        <td><input type="text" placeholder="(path)" id="select-mnemonic-path" value="m/44'/60'/0'/0/0" /></td>
    </tr>
    <tr>
        <td> </td>
        <td>
            <div id="select-submit-mnemonic" class="submit">推倒</div>
        </td>
    </tr>
</table>

对应的逻辑代码(JavaScript)如下:

    var inputPhrase = $('#select-mnemonic-phrase');
    var inputPath = $('#select-mnemonic-path');
    var submit = $('#select-submit-mnemonic');
// 生成助记词
    var mnemonic = ethers.utils.HDNode.entropyToMnemonic(ethers.utils.randomBytes(16));
    inputPhrase.val(mnemonic);
    submit.click(function() {
    // 检查助记词是否有效。
        if (!ethers.utils.HDNode.isValidMnemonic(inputPhrase.val())) {
            return;
        }
// 通过助记词创建钱包对象
       var wallet = ethers.Wallet.fromMnemonic(inputPhrase.val(), inputPath.val());
    });

同样用户可以提供一个其保存的助记词来导入其钱包,有一些遗憾的是,ethers.js 暂时不支持通过添加密码作为Salt来保护种子(也可能是我没有找到,如果知道的同学,希望反馈下),如果需要此功能可以引入bip39 和 ethereumjs-wallet 库来实现,代码可参考理解开发HD 钱包涉及的 BIP32、BIP44、BIP39。

小结

其实 ethers 还提供了一个更简单的方法来创建钱包:

// 直接创建一个随机钱包
ethers.Wallet.createRandom();

完整源码请订阅深入浅出区块链技术小专栏查看, 哈哈,是不是有一点鸡贼,创作不易呀。 戳链接收看详细的视频课程讲解

参考文档: ethers.js

深入浅出区块链 - 系统学习区块链,打造最好的区块链技术博客。

本文分享自微信公众号 - 深入浅出区块链技术(blockchaincore)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2018-12-08

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Solidity 0.6.11 更新

    Solidity v0.6.11[1] 为 NatSpec 注释添加了继承性,改进了调试数据输出,并修复了为非外部函数打开calldata的一些小问题。

    Tiny熊
  • 登链钱包(一款功能强大的以太坊钱包)完全开源

    你是否和我前段时间一样,苦苦的寻找一款好用的开源以太坊钱包,你会发现可用都很少,因为很多钱包说开源,仅仅是开源部分代码,现在不需要再找了,

    Tiny熊
  • 区块链技术学习指引

    本文原文发表于深入浅出区块链, 原文区块链技术学习指引会保存更新,大家最好前往原文阅读。

    Tiny熊
  • 多线程设计模式解读2—Promise(承诺)模式

    上次我们讲到多线程设计模式的Guarded Suspension(保护性暂挂模式),Guarded Suspension是条件未满足时线程一直处于等待状态,直到...

    java达人
  • 2018-07-24 关于数据库‘状态’字段设计的思考与实践关于数据库‘状态’字段设计的思考与实践1. 问题综述2. 业务分析3. 问题一、订单表的‘订单状态’字段应当包含哪些状态值?4. 问题二、订

    原文地址:https://blog.csdn.net/tan_jianhui/article/details/8571342

    Albert陈凯
  • 推荐几个能把YouTube视频转换为MP3的网站

    这是层主用过的最方便快捷的视频转换器,只需要复制YouTube的视频地址然后粘贴到这个网站的下载框上就可以了,而且不会弹出乱七八糟的广告或者插件诱惑你去点击。

    你才是粽子
  • TCP的三次握手与四次挥手过程,各个状态名称与含义,TIMEWAIT的作用。

    第一次握手:客户端发送syn包(syn=j)到服务器,并进入SYN_SEND状态,等待服务器确认; 第二次握手:服务器收到syn包,必须确认客户的SYN(a...

    赵腰静
  • 2023年全球生物识别传感器市场将达18亿美元

    据美国Transparency市场研究公司2016年1月13日发布的一份调研报告,从2014年到2023年间,全球生物识别传感器市场会以每年9.6%的速度快速增...

    人工智能快报
  • JS读书心得:《JavaScript框架设计》——第12章 异步处理

    一、何为异步                                 执行任务的过程可以被分为发起和执行两个部分。 同步执行模式:任务发起后必须等待直...

    ^_^肥仔John
  • DrQA实践

    2017年七月份Facebook开源了其开放域问答系统DrQA的代码。关于DrQA,还有一篇2017年发表在ACL上的论文《Reading Wikipedi...

    sparkexpert

扫码关注云+社区

领取腾讯云代金券