摘要：錢包功能一個(gè)錢包通常主要包含的功能有賬號管理主要是私鑰的管理創(chuàng)建賬號賬號導(dǎo)入導(dǎo)出賬號信息展示如以太幣余額代幣余額。

本文首發(fā)于深入淺出區(qū)塊鏈社區(qū)
原文鏈接:[使用 ethers.js 開發(fā)以太坊 Web 錢包 1 - 創(chuàng)建錢包賬號）
](https://learnblockchain.cn/20...，請讀者前往原文閱讀

以太坊去中心化網(wǎng)頁錢包開發(fā)系列，將從零開始開發(fā)出一個(gè)可以實(shí)際使用的錢包，本系列文章是理論與實(shí)戰(zhàn)相結(jié)合，一共有四篇：創(chuàng)建錢包賬號、賬號Keystore文件導(dǎo)入導(dǎo)出、展示錢包信息及發(fā)起簽名交易、發(fā)送Token(代幣），這是第一篇，主要介紹錢包將實(shí)現(xiàn)哪些功能及怎么創(chuàng)建錢包賬號，本錢包是基于ethers.js 進(jìn)行開發(fā)。

先明確一下定義，什么是去中心化錢包，賬號秘鑰的管理，交易的簽名，都是在客戶端完成， 即私鑰相關(guān)的信息都是在用戶手中，錢包的開發(fā)者接觸不到私鑰信息。

對應(yīng)的中心化錢包則是私鑰由中心服務(wù)器托管，如交易所的錢包就是這種。

網(wǎng)頁錢包，或者叫web錢包，是指錢包以網(wǎng)頁的形式展現(xiàn)，去中心化網(wǎng)頁錢包則交易的簽名等操作是在瀏覽器里完成。
其他形式的錢包，如Android錢包或iOS錢包其開發(fā)思路和web錢包一樣，因此文本對開發(fā)其他平臺的錢包也有參考意義，不過本系列文章主要側(cè)重在錢包功能的實(shí)現(xiàn)，并未過多考慮用戶體驗(yàn)。

一個(gè)錢包通常主要包含的功能有：

賬號管理（主要是私鑰的管理）：創(chuàng)建賬號、賬號導(dǎo)入導(dǎo)出

賬號信息展示：如以太幣余額、Token（代幣）余額。

轉(zhuǎn)賬功能：發(fā)送以太幣及發(fā)送Token（代幣）

這些功能將基于 ethers.js 進(jìn)行開發(fā)， ethers.js 和web3.js 一樣，也是一套和以太坊區(qū)塊鏈進(jìn)行交互的庫，不僅如此，ethers.js 還對BIP 39等相關(guān)的提案進(jìn)行了實(shí)現(xiàn)，可以在這個(gè)鏈接閱讀其文檔。

這些功能主要表現(xiàn)為錢包的兩個(gè)界面，一個(gè)界面是：賬號管理，一個(gè)界面是進(jìn)行賬號信息展示及轉(zhuǎn)賬。下面逐個(gè)進(jìn)行介紹

讀過上一篇文章理解開發(fā)HD 錢包涉及的 BIP32、BIP44、BIP39的同學(xué)，會知道創(chuàng)建賬號，可以有兩種方式：

直接生成32個(gè)字節(jié)的數(shù)當(dāng)成私鑰

通過助記詞進(jìn)行確定性推導(dǎo)出私鑰

即方式一，可以使用ethers.utils.randomBytes生成一個(gè)隨機(jī)數(shù)，然后使用這個(gè)隨機(jī)數(shù)來創(chuàng)建錢包，如代碼:

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

上面代碼的 wallet 是 ethers 中的一個(gè)錢包對象，它除了有代碼中出現(xiàn)的.address 屬性之外，還有如 獲取余額、發(fā)送交易等方法，在后面的文章會進(jìn)行介紹。

注意ethers.utils.randomBytes 生成的是一個(gè)字節(jié)數(shù)組，如果想用十六進(jìn)制數(shù)顯示出來表示，需要轉(zhuǎn)化為BigNumber代碼如下：

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

現(xiàn)在我們結(jié)合界面，完整的實(shí)現(xiàn)創(chuàng)建賬號，其效果圖如下，加載私鑰時(shí)創(chuàng)建賬號。

界面代碼（HTML）代碼如下（主要是在表格中定義個(gè)一個(gè)輸入框及一個(gè)按鈕）：

                

                    

                        
私鑰:
                        

                    
                    

                        
 
                        

                            
加載私鑰
                        
                    
                

對應(yīng)的邏輯代碼(JavaScript)如下：

// 使用JQuery獲取兩個(gè)UI標(biāo)簽
    var inputPrivatekey = $("#select-privatekey");
    var submit = $("#select-submit-privatekey");

// 生成一個(gè)默認(rèn)的私鑰
    let randomNumber = ethers.utils.bigNumberify(ethers.utils.randomBytes(32));
    inputPrivatekey.val(randomNumber._hex);

// 點(diǎn)擊“加載私鑰”時(shí)， 創(chuàng)建對應(yīng)的錢包
    submit.click(function() {
        var privateKey = inputPrivatekey.val();
        if (privateKey.substring(0, 2) !== "0x") { privateKey = "0x" + privateKey; }
       var wallet = new ethers.Wallet(privateKey));

    });

如果用戶提供一個(gè)已有賬號的私鑰，則會導(dǎo)入其原有賬號。

這是目前主流常見錢包的方式，關(guān)于助記詞推導(dǎo)過程請閱讀理解開發(fā)HD 錢包涉及的 BIP32、BIP44、BIP39。

我們需要先生成一個(gè)隨機(jī)數(shù)，然后用隨機(jī)數(shù)生成助記詞，隨后用助記詞創(chuàng)建錢包賬號，設(shè)計(jì)到的API有：

var rand = ethers.utils.randomBytes(16);

// 生成助記詞
var mnemonic = ethers.utils.HDNode.entropyToMnemonic(rand);

var path = "m/44"/60"/0"/0/0";

// 通過助記詞創(chuàng)建錢包
ethers.Wallet.fromMnemonic(mnemonic, path);

現(xiàn)在我們結(jié)合界面來實(shí)現(xiàn)一下通過助記詞方式創(chuàng)建錢包賬號，其效果圖如下：

界面代碼（HTML）代碼如下（主要是在表格中定義個(gè)兩個(gè)輸入框及一個(gè)按鈕）：

    

        

            
助記詞:
            

        
        

            
Path:
            

        
        

            
 
            

                
推倒
            
        
    

對應(yīng)的邏輯代碼(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;
        }

// 通過助記詞創(chuàng)建錢包對象
       var wallet = ethers.Wallet.fromMnemonic(inputPhrase.val(), inputPath.val());
    });

同樣用戶可以提供一個(gè)其保存的助記詞來導(dǎo)入其錢包，有一些遺憾的是，ethers.js 暫時(shí)不支持通過添加密碼作為Salt來保護(hù)種子（也可能是我沒有找到，如果知道的同學(xué)，希望反饋下），如果需要此功能可以引入bip39 和 ethereumjs-wallet 庫來實(shí)現(xiàn)，代碼可參考理解開發(fā)HD 錢包涉及的 BIP32、BIP44、BIP39。

其實(shí) ethers 還提供了一個(gè)更簡單的方法來創(chuàng)建錢包：

   // 直接創(chuàng)建一個(gè)隨機(jī)錢包
   ethers.Wallet.createRandom();

完整源碼請訂閱深入淺出區(qū)塊鏈技術(shù)小專欄查看， 哈哈，是不是有一點(diǎn)雞賊，創(chuàng)作不易呀。
戳鏈接收看詳細(xì)的視頻課程講解。

參考文檔:
ethers.js

深入淺出區(qū)塊鏈 - 系統(tǒng)學(xué)習(xí)區(qū)塊鏈，打造最好的區(qū)塊鏈技術(shù)博客。

深入淺出區(qū)塊鏈知識星球最專業(yè)技術(shù)問答社區(qū)，加入社區(qū)還可以在微信群里和300多位區(qū)塊鏈技術(shù)愛好者一起交流。