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

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

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

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

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

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

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

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