メインコンテンツへスキップ

ethers.jsを使用したトークンの送信

ETHERS.JSERC-20トークン
初級
Kim YongJun
2021年4月6日
3 分の読書 minute read

ethers.js(5.0)を使用したトークンの送信

このチュートリアルでは、次の処理を行う方法について学びます。

  • ethers.js のインポート
  • トークンの転送
  • ネットワークの混雑状況に応じたガス代の設定

はじめに

まず、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 // Your code here...
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>

パラメータ

  1. contract_address: トークンのコントラクトアドレス(転送したいトークンがイーサでない場合は、コントラクトアドレスが必要となります)
  2. send_token_amount: 受取人に送る量
  3. to_address: 受取人のアドレス
  4. send_account: 送信者のアドレス
  5. private_key: トランザクションに署名し、実際にトークンを転送するための送信者の秘密鍵

注意

signTransaction(tx)は、sendTransaction()の内部で実行されるため削除されました。

送信の手順

1. ネットワーク(testnet)に接続する

プロバイダー(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. 現在のガス代を取得する

1window.ethersProvider.getGasPrice() // gasPrice

5. トランザクションを定義する

以下で定義されている変数は、send_token()に依存します。

トランザクションのパラメータ

  1. send_account: トークン送信者のアドレス
  2. to_address: トークンの受取人のアドレス
  3. send_token_amount: 送信するトークンの量
  4. gas_limit: ガスリミット
  5. gas_price: ガス代

使い方については以下をご覧ください。

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("Send finished!")
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 // general token send
17 let contract = new ethers.Contract(
18 contract_address,
19 send_abi,
20 walletSigner
21 )
22
23 // How many tokens?
24 let numberOfTokens = ethers.utils.parseUnits(send_token_amount, 18)
25 console.log(`numberOfTokens: ${numberOfTokens}`)
26
27 // Send tokens
28 contract.transfer(to_address, numberOfTokens).then((transferResult) => {
29 console.dir(transferResult)
30 alert("sent token")
31 })
32 } // ether send
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("Send finished!")
50 })
51 } catch (error) {
52 alert("failed to send!!")
53 }
54 }
55 })
56}
すべて表示

最終編集者: @pettinarip(opens in a new tab), 2023年12月4日

このチュートリアルは役に立ちましたか?