blockchain:web3.jsを使用したdapps開発
差分
このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン前のリビジョン次のリビジョン | 前のリビジョン | ||
blockchain:web3.jsを使用したdapps開発 [2022/05/05 00:14] – dot | blockchain:web3.jsを使用したdapps開発 [2022/05/05 00:40] (現在) – dot | ||
---|---|---|---|
行 8: | 行 8: | ||
Counter スマートコントラクトをデプロイした Ganache or ganache-cli を起動しておいてください。 | Counter スマートコントラクトをデプロイした Ganache or ganache-cli を起動しておいてください。 | ||
- | ===== Counter スマートコントラクトの ABI と adress | + | ===== Counter スマートコントラクトの ABI と address |
「my_project\build\contracts\Counter.json」に Counter スマートコントラクトの ABI と address が記録されていますので、それをメモしておきます。 | 「my_project\build\contracts\Counter.json」に Counter スマートコントラクトの ABI と address が記録されていますので、それをメモしておきます。 | ||
行 68: | 行 68: | ||
}, | }, | ||
</ | </ | ||
+ | |||
===== Web3.js を使用する HTML の実装 ===== | ===== Web3.js を使用する HTML の実装 ===== | ||
ソースコードは [[https:// | ソースコードは [[https:// | ||
+ | 上記リポジトリから index.html を取得し、ABI(現在は同じはずなので、書き換える必要はありません)とaddressを書き換えてください。 | ||
+ | |||
+ | ===== 実行 ===== | ||
+ | |||
+ | index.html をブラウザで開くと、ブラウザから Counter スマートコントラクトが実行できることを確認できます。 | ||
+ | {{: |
blockchain/web3.jsを使用したdapps開発.1651709695.txt.gz · 最終更新: 2022/05/05 00:14 by dot