【以太坊开发重磅推荐】基于ethers.js库同时兼容实现MetaMask钱包和独立的HDWallet钱包代码总结（真比web3.js强大不知道多少倍）

Love The Way You Lie 2021-09-18 22:10 374阅读 0赞

### ** ethers.js官方推荐的MetaMask操作：[https://docs.ethers.io/ethers.js/html/cookbook-providers.html?highlight=metamask\#metamask][https_docs.ethers.io_ethers.js_html_cookbook-providers.html_highlight_metamask_metamask]** ###

### ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzM0MzE0NA_size_16_color_FFFFFF_t_70][] ###

### Providers.js（最终要选择MetaMask还是ethers选择的提供者）  ###

//Providers.js（最终要选择MetaMask还是ethers选择的提供者）
    
    import { ethers } from 'ethers';
    
    export default class Providers {
    
        static isMetaMaskProvider () {
            return Boolean( window.web3 && window.web3.currentProvider );
        }
    
        static createProvider () {
            if (Providers.isMetaMaskProvider()) {
                // 基于浏览器插件MetaMask插件节点
                return new ethers.providers.Web3Provider( window.web3.currentProvider );
            } else {
                // InfuraProvider基于infura.io账号链接后面的Token令牌和network【ropsten是3】
                // return new ethers.providers.InfuraProvider(
                //     3, 'ea9fcb17397d4e2994424dcd677d2a2f' );
                // 基于infura.io平台的ropsten测试节点(链接必须是https开头,否则会链接失败)
                // JsonRpcProvider是基于url来连接！
                return new ethers.providers.JsonRpcProvider(
                    'https://ropsten.infura.io/v3/ea9fcb17397d4e2994424dcd677d2a2f');
            }
        }
    }

### ** MetamaskWallet.js（MetaMask浏览器钱包）** ###

//MetamaskWallet.js（MetaMask浏览器钱包）
    
    import Providers from '@/modules/icowallet/Providers';
    
    export default class MetamaskWallet {
        constructor () {
            this.initProvider();
            this.signer = this.provider.getSigner();
        }
    
        initProvider () {
            if (!Providers.isMetaMaskProvider()) {
                throw Error( '您正在使用当前离线钱包,暂时不能使用MetaMask钱包或先退出当前离线钱包！' );
            }
            this.provider = this.provider = Providers.createProvider();
            console.log( '您正在使用的是MetaMask浏览器钱包！！！' );
        }
    }

### **/EthersWallet.js(ethers.js创建或导入钱包) ** ###

import { Wallet } from 'ethers';
    import Providers from './Providers.js';
    
    export default class EthersWallet {
        constructor () {
            this.initProvider();
        }
    
        initProvider () {
            if (Providers.isMetaMaskProvider()) {
                throw Error( '浏览器已经提供了MetaMask钱包,不能再创建其他离线钱包了！' );
            }
            this.provider = this.provider = Providers.createProvider();
            console.log( '您正在使用的是离线钱包！！！' );
        }
    
        // 私钥生成钱包！
        generate_private_key_wallet ( private_key ) {
            return new Wallet( private_key, this.provider );
        }
    
        // 助记词生成钱包！
        generate_mnemonric_wallet ( mnemonric, path = `m/44'/60'/0'/0/0` ) {
            // 必须连接provider才是活跃钱包
            return Wallet.fromMnemonic( mnemonric, path ).connect( this.provider );
        }
    
        // keystore.json文件生成钱包
        async generate_keystore_wallet ( keystore_json_string, password, progressCallback = null ) {
            // 必须连接provider才是活跃钱包
            let off_wallet = await Wallet.fromEncryptedJson( keystore_json_string, password, progressCallback );
            return off_wallet.connect( this.provider );
        }
    
        // 随机创建一个钱包
        create_new_wallet () {
            return Wallet.createRandom().connect( this.provider );
        }
    }

### **BassContract.js（所有的合约都继承于此，开始于合约交互） ** ###

import EthersWallet from './EthersWallet';
    import MetamaskWallet from './MetamaskWallet';
    import Providers from '@/modules/icowallet/Providers';
    import { ethers } from 'ethers';
    
    export default class BassContract {
        constructor ( mnemonric ) {
            this.initWallet( mnemonric );
            // 务必注意：钱包是实现了Signer接口,所以active_wallet中的一些属性是signer没有的【比如address属性】
            // 所以在后续实例中,只能调用Signer共有的方法,以免出错！【获取地址用getAddress()方法】
            this.active_WalletOrSigner = this.signer || this.active_wallet;
        }
    
        initWallet ( mnemonric ) {
            if (Providers.isMetaMaskProvider()) {
                // 确定是MetaMask钱包
                this.signer = new MetamaskWallet().signer;
                console.log( 'MetaMask之this.signer', this.signer );
            } else {
                // 确定是Ethers自己创建或助记词导入的钱包！
                this.active_wallet = new EthersWallet().generate_mnemonric_wallet( mnemonric );
                console.log( 'ethers钱包之active_wallet接口', this.active_wallet );
            }
        }
    
        createContract ( abi_data, bytecode ) {
            return new ethers.ContractFactory( abi_data, bytecode, this.active_WalletOrSigner );
        }
    
        createContractInstance ( contract_address, abi_data ) {
            return new ethers.Contract( contract_address, abi_data, this.active_WalletOrSigner );
        }
    }

### **最后：务必注意：this.active\_WalletOrSigner要么是基于MetaMask的签名，要么是自定义的钱包，二者的属性和方法共用了Signer，也有不同之处，一定要注意！** ###

[https_docs.ethers.io_ethers.js_html_cookbook-providers.html_highlight_metamask_metamask]: https://docs.ethers.io/ethers.js/html/cookbook-providers.html?highlight=metamask#metamask
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzM0MzE0NA_size_16_color_FFFFFF_t_70]: /images/20210812/6c5aa08c9a684ba28a2015286628443a.png

发表评论取消回复

表情：

评论列表（有 0 条评论，374人围观）

还没有评论，来说两句吧...

相关阅读

相关以太坊钱包搭建与使用

前言本文使用系统：centos7。以太坊客户端：geth 安装下载geth：官方下载地址：https://geth.ethereum.org/down

我会带着你远行/ 2022年10月30日 12:25/ 0 赞/ 6 阅读

相关 ETH与以太坊代币钱包MyEtherWallet使用教程

> 作者：黎跃春，资深讲师，全栈工程师；专注于「区块链+内容」产品的开发以及区块链技术培训。 > 公众号：区块链部落 > QQ群：348924182 > 区块链技术

不念不忘少年蓝@/ 2022年05月30日 07:24/ 0 赞/ 256 阅读

相关以太坊手机轻钱包开发javascript签名合约交易

以太坊合约交易签名web3.js 环境:window 工具或客户端:[ganache 1.2.1 ][ganache 1.2.1],

冷不防/ 2022年05月22日 03:13/ 0 赞/ 194 阅读

相关如何开发以太坊网页钱包·Express + web3.js 实例

如何开发以太坊网页钱包·Express + web3.js 实例 10.15.1. 创建项目安装以太坊环境 curl -s https://raw

比眉伴天荒/ 2022年05月19日 03:24/ 0 赞/ 192 阅读

相关比特币钱包开发【C#】

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] 在这个教程中，我们将使用C\来开发一个比特币钱包，我们使

冷不防/ 2022年01月13日 13:41/ 0 赞/ 359 阅读

相关【以太坊开发重磅推荐】基于ethers.js库同时兼容实现MetaMask钱包和独立的HDWallet钱包代码总结（真比web3.js强大不知道多少倍）

ethers.js官方推荐的MetaMask操作：[https://docs.ethers.io/ethers.js/html/cookbook-providers.htm

Love The Way You Lie/ 2021年09月18日 22:10/ 0 赞/ 375 阅读

相关【实战篇】基于以太坊钱包第三方库ethers.js来实现钱包操作

其他相关 Ethereum JavaScript 套件 [ethers.js][] [ethereum-bip44][] [truffle-hdwall

我不是女神ヾ/ 2021年09月18日 13:40/ 0 赞/ 785 阅读

相关【重磅推荐】vue之web3.js以太坊开发总结与完整案例！

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhp

谁践踏了优雅/ 2021年09月18日 13:16/ 0 赞/ 917 阅读

相关【重磅推荐】Python之web3.py或Flask-web3框架开发以太坊之案例总结（比js容易很多......缺点是无法和Metamask集成）

关于web3.py集成Metamask的问题，web3.py官方也明确指明：只是把测试网络的账号秘钥导入，然后连接Metamask的测试网络进行转账，似乎无法集成Metama

深藏阁楼爱情的钟/ 2021年09月18日 13:12/ 0 赞/ 526 阅读

相关【重磅推荐】基于truffle-contract库实现的以太坊solidity合约调用案例（注：web3.js切勿和truffle-contract库同时使用,否则报错，无法修复！）

1、一个基于truffle-contract库实现的以太坊solidity智能合约调用案例！ 2、注意：truffle-contract库和web3.js使用no

心已赠人/ 2021年09月18日 12:04/ 0 赞/ 253 阅读