基于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》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

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

数据挖掘概念与技术

数据挖掘概念与技术

(加)Jiawei Han;Micheline Kamber / 范明、孟小峰 / 机械工业 / 2007-3 / 55.00元

《数据挖掘概念与技术(原书第2版)》全面地讲述数据挖掘领域的重要知识和技术创新。在第1版内容相当全面的基础上,第2版展示了该领域的最新研究成果,例如挖掘流、时序和序列数据以及挖掘时间空间、多媒体、文本和Web数据。本书可作为数据挖掘和知识发现领域的教师、研究人员和开发人员的一本必读书。 《数据挖掘概念与技术(原书第2版)》第1版曾是受读者欢迎的数据挖掘专著,是一本可读性极佳的教材。第2版充实了数据......一起来看看 《数据挖掘概念与技术》 这本书的介绍吧!

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

html转js在线工具
html转js在线工具

html转js在线工具

RGB HSV 转换
RGB HSV 转换

RGB HSV 互转工具