目次

ether.jsを使用したDApps開発

ether.js と React を使用して DApps を開発します。

完成したスースコードは shinoburc/SimpleReactEthereumClient で管理しています。

下記手順を実行するか、上記リポジトリを利用してください。

前提

Truffleを使ったスマートコントラクト開発 で作成した Counter スマートコントラクトを使用しますので、先に実施しておいてください。

MetaMask を使用しますので、MetaMaskの使用 を実施しておいてください。

Reactプロジェクトの生成



ether.js のインストール

ether.js の npm パッケージ名は ethers なので、それをインストールします。



フロントエンドの実装




実行



「connect」をクリックすると MetaMask が立ち上がりますので、使用するアカウントを選択します。

アカウントが選択できたら他のボタンをクリックすることで Counter スマートコントラクトの各メソッドが実行できます。