ユーザ用ツール

サイト用ツール


blockchain:web3.jsを使用したdapps開発

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

両方とも前のリビジョン前のリビジョン
次のリビジョン
前のリビジョン
blockchain:web3.jsを使用したdapps開発 [2022/05/05 00:14] dotblockchain: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:
     },     },
 </code> </code>
 +
 ===== Web3.js を使用する HTML の実装 ===== ===== Web3.js を使用する HTML の実装 =====
  
 ソースコードは [[https://github.com/shinoburc/SimpleEthereumClient|GitHub SimpleEthereumClient]] で管理しています。 ソースコードは [[https://github.com/shinoburc/SimpleEthereumClient|GitHub SimpleEthereumClient]] で管理しています。
  
 +上記リポジトリから index.html を取得し、ABI(現在は同じはずなので、書き換える必要はありません)とaddressを書き換えてください。
 +
 +===== 実行 =====
 +
 +index.html をブラウザで開くと、ブラウザから Counter スマートコントラクトが実行できることを確認できます。
  
 +{{:blockchain:2022-05-05_09h38_46.png?800|}}
blockchain/web3.jsを使用したdapps開発.1651709695.txt.gz · 最終更新: 2022/05/05 00:14 by dot