基于React Native和Ethers.js的电子钱包(三):Ethers.js

栏目: IOS · Android · 发布时间: 5年前

内容简介:在Medium上找到了一篇文章或许能帮助理解文章列出了六条Ethers.js的特点,但与Web3最主要的区别在于两点:
之前在学Solidity的时候知道了以太坊提供了一个JavaScript API——Web3.js——对以太坊进行API调用的 工具 包。但最近做RN的时候又发现了另外一种API—— Ethers.js

在Medium上找到了一篇文章或许能帮助理解

文章列出了六条Ethers.js的特点,但与Web3最主要的区别在于两点:

1. ENS names are first-class citizens

2. Separation of concerns---key management and state

ENS是Ethereum Name Service的缩写,通常我们在以太坊上进行交易的时候需要输入对方的交易地址,这个地址是一串16进制的哈希值,又长又难记,毫无规律,但有了ENS就简单多了,地址不再是冰冷的数字和字母,而是一个简单的、可读性强的字符串,类似jack.mywallet.eth,没错,jack.mywallet.eth就是一个实实在在以太坊地址

所以在Ethers.js中将ENS作为“一等公民”对待,对于实际用户,目的是想弱化“地址”的概念;对于开发者来说,可以不管实际合约地址的更新,直接调用解析器获取ENS地址

针对Ethers.js的第二个特点,简单来说就是提供了跟账户和钱包相关的API

基于React Native和Ethers.js的电子钱包(三):Ethers.js

下面通过示例讲讲如何在React Native中使用Ethers.js

开始前,可以先在本地装一个以太坊的钱包测试用,这里我选择 MetaMask

基于React Native和Ethers.js的电子钱包(三):Ethers.js

接着就是安装Ethers.js

npm install -save ethers复制代码

然后在需要使用Ethers.js的地方引入该模块:

import { ethers } from 'ethers';复制代码

1. 通过助记词生成钱包地址

let newMnemonic = ethers.utils.HDNode.entropyToMnemonic(ethers.utils.randomBytes(16));复制代码

ethers.utils.HDNode.entropyToMnemonic():

通过传入一个随机的16字节参数来生成一个随机的、有效的助记词

ethers.utils.randomBytes():

生成一个16字节的,即12个英文单词长度的助记词

Tip: 可以通过 ehters.utils.HDNode.entropyToMnemonic(ethers.utils.randomBytes(16), ethers.wordlists.zh_ch) 生成中文的助记词哦

根据助记词和BIP-039+BIP-044协议生成钱包对象:

let wallet = ethers.Wallet.fromMnemonic(newMnemonic, 'm/44\'/60\'/0\'/0/');复制代码

获取以太坊测试网络ropsten,并将wallet连接到该网络:

provider = ethers.getDefaultProvider('ropsten');
let activeWallet = wallet.connect(this.provider);复制代码

启动RN,可以看到和MetaMask生成了相同地址的账户:

基于React Native和Ethers.js的电子钱包(三):Ethers.js

基于React Native和Ethers.js的电子钱包(三):Ethers.js

这说明连接以太坊测试网络成功

2. 获取账户余额以及发送交易

//get address balance
activeWallet.getBalance('pending').then((balance) => {
    this.setState({
        etherString: ethers.utils.formatEther(balance, {commify: true})
    })
}, (error) => {
    console.log(error)
});

//get address transaction count
activeWallet.getTransactionCount('pending').then((transactionCount) => {
    this.setState({
        transaction: transactionCount.toString()
    })
}, (error) => {
    console.log(error)
});

emitTransaction(wallet) {
    let activeWallet = wallet.connect(this.provider)
    activeWallet.sendTransaction({
        to: ethers.utils.getAddress(this.props.addresses[this.state.pickerValue]),
        value: ethers.utils.parseEther(this.state.etherVal)
    }).then((tx) => {
        console.log(tx)
    }, (error) => {
        console.log(error)
    })
}复制代码

点击Refresh获取当前账户的余额及交易次数:

基于React Native和Ethers.js的电子钱包(三):Ethers.js

发送交易:

基于React Native和Ethers.js的电子钱包(三):Ethers.js

交易成功:

基于React Native和Ethers.js的电子钱包(三):Ethers.js

账户余额发生变化:

基于React Native和Ethers.js的电子钱包(三):Ethers.js

相关链接:

Ether Scan is here: ropsten.etherscan.io/address/0x2…

Here are the links:

Ethers.js: docs.ethers.io/ethers.js/h…

ENS: docs.ens.domains/en/latest/i…

Announcing ethers.js --- a web3 alternative: medium.com/l4-media/an…


以上所述就是小编给大家介绍的《基于React Native和Ethers.js的电子钱包(三):Ethers.js》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

计算机程序的构造和解释

计算机程序的构造和解释

Harold Abelson、Gerald Jay Sussman、Julie Sussman / 裘宗燕 / 机械工业出版社 / 2004-2 / 45.00元

《计算机程序的构造和解释(原书第2版)》1984年出版,成型于美国麻省理工学院(MIT)多年使用的一本教材,1996年修订为第2版。在过去的二十多年里,《计算机程序的构造和解释(原书第2版)》对于计算机科学的教育计划产生了深刻的影响。第2版中大部分重要程序设计系统都重新修改并做过测试,包括各种解释器和编译器。作者根据其后十余年的教学实践,还对其他许多细节做了相应的修改。 海报:一起来看看 《计算机程序的构造和解释》 这本书的介绍吧!

随机密码生成器
随机密码生成器

多种字符组合密码

Markdown 在线编辑器
Markdown 在线编辑器

Markdown 在线编辑器

RGB CMYK 转换工具
RGB CMYK 转换工具

RGB CMYK 互转工具