使用 ethers.js 傳送代幣

ETHERS.JS

ERC-20

TOKENS

新手

Kim YongJun

2021年4月6日

3 分鐘閱讀

使用 ethers.js (5.0) 傳送代幣

在本教學中，您將學習如何

匯入 ethers.js
傳送代幣
根據網路流量情況設定 gas 價格

開始使用

開始之前，我們必須先將 ethers.js 函式庫匯入 javascript 程式碼中包含 ethers.js (5.0)

安裝

1/home/ricmoo> npm install --save ethers

瀏覽器中的 ES6

1<script type="module">
2  import { ethers } from "https://cdn.ethers.io/lib/ethers-5.0.esm.min.js"
3  // 您的程式碼...
4</script>

瀏覽器中的 ES3 (UMD)

1<script
2  src="https://cdn.ethers.io/lib/ethers-5.0.umd.min.js"
3  type="application/javascript"
4></script>

參數

contract_address：代幣合約地址（當您要傳送的代幣不是 ether 時，需要合約地址）
send_token_amount：您想傳送給接收者的代幣數量
to_address：接收者的地址
send_account：傳送者的地址
private_key：傳送者的私密金鑰，用以簽署交易並實際傳送代幣

注意事項

signTransaction(tx) 已被移除，因為 sendTransaction() 會在內部處理。

傳送程序

1. 連線至網路 (測試網)

設定提供者 (Infura)

連線至 Ropsten 測試網

1window.ethersProvider = new ethers.providers.InfuraProvider("ropsten")

2. 建立錢包

1let wallet = new ethers.Wallet(private_key)

3 將錢包連線至網路

1let walletSigner = wallet.connect(window.ethersProvider)

4 取得目前的 gas 價格

1window.ethersProvider.getGasPrice() // gas 價格

5 定義交易

下方定義的變數相依於 send_token()。

交易參數

send_account：代幣傳送者的地址
to_address：代幣接收者的地址
send_token_amount：要傳送的代幣數量
gas_limit：gas 上限
gas_price：gas 價格

關於如何使用，請參閱下方

1const tx = {
2  from: send_account,
3  to: to_address,
4  value: ethers.utils.parseEther(send_token_amount),
5  nonce: window.ethersProvider.getTransactionCount(send_account, "latest"),
6  gasLimit: ethers.utils.hexlify(gas_limit), // 100000
7  gasPrice: gas_price,
8}

6. 傳送

1walletSigner.sendTransaction(tx).then((transaction) => {
2  console.dir(transaction)
3  alert("傳送完成！")
4})

如何使用

1let private_key =
2  "41559d28e936dc92104ff30691519693fc753ffbee6251a611b9aa1878f12a4d"
3let send_token_amount = "1"
4let to_address = "0x4c10D2734Fb76D3236E522509181CC3Ba8DE0e80"
5let send_address = "0xda27a282B5B6c5229699891CfA6b900A716539E6"
6let gas_limit = "0x100000"
7let wallet = new ethers.Wallet(private_key)
8let walletSigner = wallet.connect(window.ethersProvider)
9let contract_address = ""
10window.ethersProvider = new ethers.providers.InfuraProvider("ropsten")
11
12send_token(
13  contract_address,
14  send_token_amount,
15  to_address,
16  send_address,
17  private_key
18)
顯示全部

成功！

send_token()

1function send_token(
2  contract_address,
3  send_token_amount,
4  to_address,
5  send_account,
6  private_key
7) {
8  let wallet = new ethers.Wallet(private_key)
9  let walletSigner = wallet.connect(window.ethersProvider)
10
11  window.ethersProvider.getGasPrice().then((currentGasPrice) => {
12    let gas_price = ethers.utils.hexlify(parseInt(currentGasPrice))
13    console.log(`gas_price: ${gas_price}`)
14
15    if (contract_address) {
16      // 一般代幣傳送
17      let contract = new ethers.Contract(
18        contract_address,
19        send_abi,
20        walletSigner
21      )
22
23      // 多少代幣？
24      let numberOfTokens = ethers.utils.parseUnits(send_token_amount, 18)
25      console.log(`numberOfTokens: ${numberOfTokens}`)
26
27      // 傳送代幣
28      contract.transfer(to_address, numberOfTokens).then((transferResult) => {
29        console.dir(transferResult)
30        alert("已傳送代幣")
31      })
32    } // ether 傳送
33    else {
34      const tx = {
35        from: send_account,
36        to: to_address,
37        value: ethers.utils.parseEther(send_token_amount),
38        nonce: window.ethersProvider.getTransactionCount(
39          send_account,
40          "latest"
41        ),
42        gasLimit: ethers.utils.hexlify(gas_limit), // 100000
43        gasPrice: gas_price,
44      }
45      console.dir(tx)
46      try {
47        walletSigner.sendTransaction(tx).then((transaction) => {
48          console.dir(transaction)
49          alert("傳送完成！")
50        })
51      } catch (error) {
52        alert("傳送失敗！！")
53      }
54    }
55  })
56}
顯示全部

頁面最後更新時間： 2023年12月4日