iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 26
0
Blockchain

商管學生如何從零開始學習區塊鏈系列 第 26

DAY26 完成我們第一個Dapp

  • 分享至 

  • xImage
  •  

要完成我們第一個Dapp的步驟稍微有點多,身為商管學生的我第一次接觸區塊鏈時,也是照著這些步驟一步一步做出來的,現在讓我幫大家回顧這些步驟,然後實際在收養狗狗的Dapp中收養狗狗(完成交易)。

  1. 首先,我們用電腦的命令提示字元新增資料夾pet,用來放Dapp專案。
  2. 我們安裝了Node.js、npm、Truffle。
    • 我們下載安裝Node.js,npm會一起安裝完成。
    • 打開電腦的命令提示字元安裝truffle(用剛安裝的npm)。
    • 我們使用truffle boxes中的寵物商店(pet-shop)範例。
  3. 我們下載安裝Sublime Text 3來編寫智能合約Adoption.sol和JavaScript文件2_deploy_contracts.js 。
    • Adoption.sol存在contracts資料夾中。
    • 2_deploy_contracts.js存在migrations資料夾中。
  4. 下載安裝Ganache,Ganache是具有視覺化介面得模擬環境。
  5. 我們運行開發控制台、編譯(compile)和遷移(migrate)智能合約。
  6. 在src資料夾中的js資料夾,裡面有一個app.js檔案,在initWeb3initContractmarkAdoptedhandleAdopt加入程式碼。
  7. 下載MetaMask並擴充到Chrome上。
    • 移到定義RPC網絡, URL輸入http://127.0.0.1:7545
    • 複製Ganache的助憶詞到MetaMask上,得到Ganache上的地址。
  8. 在電腦的命令提示字元輸入npm run dev打開我們領養寵物狗狗的Dapp。

現在我們來看我們的Dapp,我們選擇領養第四隻狗狗Melissa,點擊Adopt時,MetaMask會跳出交易確認,確認後交易執行成功,你會發現Dapp頁面上的可愛狗狗Melissa領養成功(Success),我們完成我們第一個Dapp囉!
https://ithelp.ithome.com.tw/upload/images/20191007/20120814wrNI2R1Jha.jpg
Truffle可以開發、編譯(compile)、遷移(migrate)和測試我們的Dapp,要完成我們第一個Dapp的步驟稍微有點多,為了快一點完成,我省略了測試步驟,我相信測試步驟在開發一個Dapp上是非常重要的,但我們從零開始學習Dapp,我希望大家可以先宏觀的了解整個開發Dapp的過程,現在我們完成我們的第一個Dapp,下一篇我想跟大家談談Hyperledger,那我們明天見~


上一篇
DAY25 MetaMask—完成 Dapp的最後一哩路
下一篇
DAY27 甚麼是Hyperledger?
系列文
商管學生如何從零開始學習區塊鏈30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言