国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

以太坊錢包開發(fā)系列3 - 展示錢包信息及發(fā)起簽名交易

tuniutech / 2460人閱讀

本文首發(fā)于深入淺出區(qū)塊鏈社區(qū)
原文鏈接:[使用 ethers.js 開發(fā)以太坊 Web 錢包 3 - 展示錢包信息及發(fā)起簽名交易)
](https://learnblockchain.cn/20...,請讀者前往原文閱讀

以太坊去中心化網(wǎng)頁錢包開發(fā)系列,將從零開始開發(fā)出一個可以實(shí)際使用的錢包,本系列文章是理論與實(shí)戰(zhàn)相結(jié)合,一共有四篇:創(chuàng)建錢包賬號、賬號Keystore文件導(dǎo)入導(dǎo)出、展示錢包信息及發(fā)起簽名交易、發(fā)送Token(代幣),這是第三篇介紹使用ethers.js的錢包對象獲取相關(guān)信息及發(fā)起你離線交易。

使用 Provider 連接以太坊網(wǎng)絡(luò)

我們前面兩篇文章介紹創(chuàng)建(或?qū)耄╁X包賬號的過程都是是離線的,即不需要依賴以太坊網(wǎng)絡(luò)即可創(chuàng)建錢包賬號,但如果想獲取錢包賬號的相關(guān)信息,比如余額、交易記錄,發(fā)起交易的話,就需要讓錢包連上以太坊的網(wǎng)絡(luò)。

不管是在 Web3 中,還是Ethers.js 都是使用 Provider 來進(jìn)行網(wǎng)絡(luò)連接的,Ethers.js 提供了集成多種 Provider 的方式:

Web3Provider: 使用一個已有的web3 兼容的Provider,如有MetaMask 或 Mist提供。

EtherscanProvider 及 InfuraProvider: 如果沒有自己的節(jié)點(diǎn),可以使用Etherscan 及 Infura 的Provider,他們都是以太坊的基礎(chǔ)設(shè)施服務(wù)提供商,Ethers.js 還提供了一種更簡單的方式:使用一個默認(rèn)的provider, 他會自動幫我們連接Etherscan 及 Infura。

let defaultProvider = ethers.getDefaultProvider("ropsten");

連接Provider, 通常有一個參數(shù)network網(wǎng)絡(luò)名稱,取值有: homestead, rinkeby, ropsten, kovan, 關(guān)于Provider的更多用法,可以參考Ethers.js Provider。

JsonRpcProvider 及 IpcProvider: 如果有自己的節(jié)點(diǎn)可以使用,可以連接主網(wǎng),測試網(wǎng)絡(luò),私有網(wǎng)絡(luò)或Ganache,這也是本系列文章使用的方式。

使用錢包連接Provider的方法如下:

// 連接本地的geth 節(jié)點(diǎn),8545是geth 的端口
var provider = new ethers.providers.JsonRpcProvider("http://127.0.0.1:8545");

// wallet 為前兩篇文章中生成的錢包對象, activeWallet就是后面可以用來請求余額發(fā)送交易的對象
var activeWallet = wallet.connect(App.provider);
啟動geth的需要注意一下,需要使用 --rpc --rpccorsdomain 開啟 RPC通信及跨域,
展示錢包詳情:查詢余額及Nonce

連接到以太坊網(wǎng)絡(luò)之后,就可以向網(wǎng)絡(luò)請求余額以及獲取賬號交易數(shù)量,使用一下API:

activeWallet.getBalance().then(function(balance) {
});

activeWallet.getTransactionCount().then(function(transactionCount) {
});

activeWallet就是后面可以用來請求發(fā)送交易的對象

錢包詳情:

地址:
余額:
Nonce:
刷新

js處理的邏輯就是獲取信息之后,填充相應(yīng)的控件,代碼如下:

var inputBalance = $("#wallet-balance");
var inputTransactionCount = $("#wallet-transaction-count");

$("#wallet-submit-refresh").click(function() {

// 獲取余額時, 包含當(dāng)前正在打包的區(qū)塊
   activeWallet.getBalance("pending").then(function(balance) {
          // 單位轉(zhuǎn)換 wei -> ether
          inputBalance.val(ethers.utils.formatEther(balance, { commify: true }));
      }, function(error) {
      });

   activeWallet.getTransactionCount("pending").then(function(transactionCount) {
          inputTransactionCount.val(transactionCount);
      }, function(error) {
      });
});

// 模擬一次點(diǎn)擊獲取數(shù)據(jù)
$("#wallet-submit-refresh").click();
發(fā)送簽名交易

之前我們有一篇文章:如何使用Web3.js API 在頁面中進(jìn)行轉(zhuǎn)賬介紹過發(fā)起交易,不過當(dāng)時的簽名是利用MetaMask來完成的,現(xiàn)在我們要完成一個錢包,必須要發(fā)送一個簽名交易,簽名交易也稱為離線交易(因?yàn)檫@個過程可以離線進(jìn)行:在離線狀態(tài)下對交易進(jìn)行簽名,然后把簽名后的交易進(jìn)行廣播)。

盡管 Ethers.js 提供了非常簡潔的API來發(fā)送簽名交易,但是探究下簡潔API背后的細(xì)節(jié)依然會對我們有幫助,這個過程大致可分為三步:

構(gòu)造交易

交易簽名

發(fā)送(廣播)交易

構(gòu)造交易

先來看看一個交易長什么樣子:

const txParams = {
  nonce: "0x00",
  gasPrice: "0x09184e72a000",
  gasLimit: "0x2710",
  to: "0x0000000000000000000000000000000000000000",
  value: "0x00",
  data: "0x7f7465737432000000000000000000000000000000000000000000000000000000600057",
  // EIP 155 chainId - mainnet: 1, ropsten: 3
  chainId: 3
}

發(fā)起交易的時候,就是需要填充每一個字段,構(gòu)建這樣一個交易結(jié)構(gòu)。
tovalue: 很好理解,就是用戶要轉(zhuǎn)賬的目標(biāo)及金額。
data: 是交易時附加的消息,如果是對合約地址發(fā)起交易,這會轉(zhuǎn)化為對合約函數(shù)的執(zhí)行,可參考:如何理解以太坊ABI
nonce: 交易序列號
chainId: 鏈id,用來去區(qū)分不同的鏈(分叉鏈)id可在EIP-55查詢。

noncechainId 有一個重要的作用就是防止重放攻擊,如果沒有nonce的活,收款人可能把這筆簽名過的交易再次進(jìn)行廣播,沒有chainId的話,以太坊上的交易可以拿到以太經(jīng)典上再次進(jìn)行廣播。

gasPricegasLimit: Gas是以太坊的工作計費(fèi)機(jī)制,是由交易發(fā)起者給礦工打包的費(fèi)用。上面幾個參數(shù)的設(shè)置比較固定,Gas的設(shè)置(尤其是gasPrice)則靈活的多。

gasLimit 表示預(yù)計的指令和存儲空間的工作量,如果工作量沒有用完,會退回交易發(fā)起者,如果不夠會發(fā)生out-of-gas 錯誤。
一個普通轉(zhuǎn)賬的交易,工作量是固定的,gasLimit為21000,合約執(zhí)行g(shù)asLimit則是變化的,也許有一些人會認(rèn)為直接設(shè)置為高一點(diǎn),反正會退回,但如果合約執(zhí)行出錯,就會吃掉所有的gas。幸運(yùn)的是web3 和 ethers.js 都提供了測算Gas Limit的方法,下一遍發(fā)送代幣

gasPrice是交易發(fā)起者是愿意為工作量支付的單位費(fèi)用,礦工在選擇交易的時候,是按照gasPrice進(jìn)行排序,先服務(wù)高出價者,因此如果出價過低會導(dǎo)致交易遲遲不能打包確認(rèn),出價過高對發(fā)起者又比較虧。

web3 和 ethers.js 提供一個方法 getGasPrice() 用來獲取最近幾個歷史區(qū)塊gas price的中位數(shù),也有一些第三方提供預(yù)測gas price的接口,如:gasPriceOracle 、 ethgasAPI、 etherscan gastracker,這些服務(wù)通常還會參考當(dāng)前交易池內(nèi)交易數(shù)量及價格,可參考性更強(qiáng),

常規(guī)的一個做法是利用這些接口給用戶一個參考值,然后用戶可以根據(jù)參考值進(jìn)行微調(diào)。

交易簽名

在構(gòu)建交易之后,就是用私鑰對其簽名,代碼如下:

const tx = new EthereumTx(txParams)
tx.sign(privateKey)
const serializedTx = tx.serialize()

代碼參考ethereumjs-tx

發(fā)送(廣播)交易

然后就是發(fā)送(廣播)交易,代碼如下:

web3.eth.sendRawTransaction(serializedTx, function (err, transactionHash) {
    console.log(err);
    console.log(transactionHash);
});

通過這三步就完成了發(fā)送簽名交易的過程,ethers.js 里提供了一個簡潔的接口,來完成所有這三步操作(強(qiáng)調(diào)一下,簽名已經(jīng)在接口里幫我們完成了),接口如下:

 activeWallet.sendTransaction({
            to: targetAddress,
            value: amountWei,
            gasPrice: activeWallet.provider.getGasPrice(),
            gasLimit: 21000,
        }).then(function(tx) {
        });
用ethers.js 實(shí)現(xiàn)發(fā)送交易

先來看看發(fā)送交易的UI界面:

以太轉(zhuǎn)賬:

發(fā)送至:
金額:
發(fā)送

上面主要定義了兩個文本輸入框及一個“發(fā)送“按鈕,在點(diǎn)擊發(fā)送時運(yùn)行一下(關(guān)鍵)代碼:

    var inputTargetAddress = $("#wallet-send-target-address");
    var inputAmount = $("#wallet-send-amount");
    var submit = $("#wallet-submit-send");

    submit.click(function() {
    // 得到一個checksum 地址
        var targetAddress = ethers.utils.getAddress(inputTargetAddress.val());
    // ether -> wei
        var amountWei = ethers.utils.parseEther(inputAmount.val());
        activeWallet.sendTransaction({
            to: targetAddress,
            value: amountWei,
            // gasPrice: activeWallet.provider.getGasPrice(),  (可用默認(rèn)值)
            // gasLimit: 21000,
        }).then(function(tx) {
            console.log(tx);
        });
    })

哈哈哈~, 干活介紹到這里,現(xiàn)在夾帶一點(diǎn)私貨,有到了推廣時間了,完整源碼請訂閱深入淺出區(qū)塊鏈技術(shù)小專欄查看,趕緊訂閱吧,走過路過,不容錯過。
戳鏈接收看詳細(xì)的視頻課程講解。

參考文檔

ethereum-tx

EIP-55

Ethers.js

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

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

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/99135.html

相關(guān)文章

  • 以太錢包開發(fā)系列3 - 展示錢包信息發(fā)起簽名交易

    本文首發(fā)于深入淺出區(qū)塊鏈社區(qū)原文鏈接:[使用 ethers.js 開發(fā)以太坊 Web 錢包 3 - 展示錢包信息及發(fā)起簽名交易)](https://learnblockchain.cn/20...,請讀者前往原文閱讀 以太坊去中心化網(wǎng)頁錢包開發(fā)系列,將從零開始開發(fā)出一個可以實(shí)際使用的錢包,本系列文章是理論與實(shí)戰(zhàn)相結(jié)合,一共有四篇:創(chuàng)建錢包賬號、賬號Keystore文件導(dǎo)入導(dǎo)出、展示錢包信息及發(fā)起簽...

    keke 評論0 收藏0
  • 以太錢包開發(fā)系列1 - 創(chuàng)建錢包賬號

    摘要:錢包功能一個錢包通常主要包含的功能有賬號管理主要是私鑰的管理創(chuàng)建賬號賬號導(dǎo)入導(dǎo)出賬號信息展示如以太幣余額代幣余額。 本文首發(fā)于深入淺出區(qū)塊鏈社區(qū)原文鏈接:[使用 ethers.js 開發(fā)以太坊 Web 錢包 1 - 創(chuàng)建錢包賬號)](https://learnblockchain.cn/20...,請讀者前往原文閱讀 以太坊去中心化網(wǎng)頁錢包開發(fā)系列,將從零開始開發(fā)出一個可以實(shí)際使用的錢...

    1fe1se 評論0 收藏0
  • 以太錢包開發(fā)系列4 - 發(fā)送Token(代幣)

    摘要:一系列的類似的對象,如果無返回值時,可以省略。表示函數(shù)聲明自己不會改變狀態(tài)變量的值。表示函數(shù)可以接收,否則表示不能。哈哈,恭喜大家,到這里這里就完整的實(shí)現(xiàn)了一個基于以太坊去中心化網(wǎng)頁錢包。 本文首發(fā)于深入淺出區(qū)塊鏈社區(qū)原文鏈接:[使用 ethers.js 開發(fā)以太坊Web錢包4 - 發(fā)送Token (代幣)](https://learnblockchain.cn/20...,請讀者前往...

    Honwhy 評論0 收藏0
  • 以太錢包開發(fā)系列4 - 發(fā)送Token(代幣)

    摘要:一系列的類似的對象,如果無返回值時,可以省略。表示函數(shù)聲明自己不會改變狀態(tài)變量的值。表示函數(shù)可以接收,否則表示不能。哈哈,恭喜大家,到這里這里就完整的實(shí)現(xiàn)了一個基于以太坊去中心化網(wǎng)頁錢包。 本文首發(fā)于深入淺出區(qū)塊鏈社區(qū)原文鏈接:[使用 ethers.js 開發(fā)以太坊Web錢包4 - 發(fā)送Token (代幣)](https://learnblockchain.cn/20...,請讀者前往...

    HmyBmny 評論0 收藏0
  • 區(qū)塊鏈技術(shù)學(xué)習(xí)指引

    摘要:引言給迷失在如何學(xué)習(xí)區(qū)塊鏈技術(shù)的同學(xué)一個指引,區(qū)塊鏈技術(shù)是隨比特幣誕生,因此要搞明白區(qū)塊鏈技術(shù),應(yīng)該先了解下比特幣。但區(qū)塊鏈技術(shù)不單應(yīng)用于比特幣,還有非常多的現(xiàn)實(shí)應(yīng)用場景,想做區(qū)塊鏈應(yīng)用開發(fā),可進(jìn)一步閱讀以太坊系列。 本文始發(fā)于深入淺出區(qū)塊鏈社區(qū), 原文:區(qū)塊鏈技術(shù)學(xué)習(xí)指引 原文已更新,請讀者前往原文閱讀 本章的文章越來越多,本文是一個索引帖,方便找到自己感興趣的文章,你也可以使用左側(cè)...

    Cristic 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<