$> cd ~/to/your/workspace
$> git clone https:// ....
$> cd ./TEM_Sample_DApp
$> npm install
$> npm start
開啟Chrome輸入網址:http://localhost:8000
如果Windows無法連上請嘗試改用: http://localhost:8000/index.html
-
連結使用者瀏覽器上的 Metamask 插件
-
隨著Metamask切換帳號(錢包地址)而改變頁面上的顯示
-
透過ABI與Contract Address與區塊鏈上的Smart Contract互動
-
設定合約中的字串
-
取得目前合約中的字串
- 為什麼要指定的Test Network去運作?
- 為什麼取得智能合約中的值,不需要進行交易?
- 怎麼確認交易真的成功了?
- (合約) 可以試著修改合約讓每個人只能操作屬於自己的字串
- 試著修改原始碼,讓網頁上的字串在交易成功後,在畫面即時顯示最新的值
- 提示1:做法可能不只一種,Polling當然是顯而易見的解法
- 提示2:可以在智能合約的函式觸發事件,至於怎麼監聽接收就留給大家自己去找找。
- web3js - https://github.com/ethereum/web3.js/
- UI Framework ref: https://materializecss.com/