Counter スマートコントラクトを使用するため、Truffleを使ったスマートコントラクト開発 を実施しておいてください。

Counter スマートコントラクトをデプロイした Ganache or ganache-cli を起動しておいてください。

「my_project\build\contracts\Counter.json」に Counter スマートコントラクトの ABI と address が記録されていますので、それをメモしておきます。

ABI

address(下記では “address”: “0x791C2E0e40B2b96f3aE2F5D3F3661478f73fB49D”)

ソースコードは GitHub SimpleEthereumClient で管理しています。

上記リポジトリから index.html を取得し、ABI(現在は同じはずなので、書き換える必要はありません)とaddressを書き換えてください。

index.html をブラウザで開くと、ブラウザから Counter スマートコントラクトが実行できることを確認できます。