ethers.js를 사용하여 토큰 전송하기

ETHERS.JS

ERC-20

토큰

초보자

Kim YongJun

2021년 4월 6일

4 1분의 읽기 소요시간

ethers.js(5.0)를 사용하여 토큰 전송하기

이 튜토리얼에서 배울 내용

ethers.js 가져오기
토큰 전송
네트워크 트래픽 상황에 따라 가스 요금 설정하기

시작하기

시작하려면 먼저 자바스크립트에 ethers.js 라이브러리를 가져와야 합니다. 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: 토큰 컨트랙트 주소(전송하려는 토큰이 이더가 아닐 경우 컨트랙트 주소가 필요합니다)
send_token_amount: 수신자에게 보낼 금액
to_address: 수신자 주소
send_account: 발신자 주소
private_key: 트랜잭션에 서명하고 토큰을 실제로 전송하기 위한 발신자의 개인 키

참고

sendTransaction()이 내부적으로 처리하므로 signTransaction(tx)는 제거되었습니다.

전송 절차

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. 현재 가스 요금 가져오기

1window.ethersProvider.getGasPrice() // gasPrice

5. 트랜잭션 정의하기

아래에 정의된 변수들은 send_token()에 의존합니다.

트랜잭션 매개변수

send_account: 토큰 발신자 주소
to_address: 토큰 수신자 주소
send_token_amount: 전송할 토큰의 양
gas_limit: 가스 한도
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("전송 완료!")
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}`)
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}`)
26
27      // 토큰 전송
28      contract.transfer(to_address, numberOfTokens).then((transferResult) => {
29        console.dir(transferResult)
30        alert("토큰 전송됨")
31      })
32    } // 이더 전송
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일