天天看點

Dapp開發環境搭建(windows)

  • 安裝Dapp開發環境
  1. 安裝node.js

安裝完畢,打開控制台視窗,檢查是否成功

Node -v

Dapp開發環境搭建(windows)
  1. 安裝節點仿真器

>npm install -g ganache-cli

Dapp開發環境搭建(windows)

驗證安裝成功

>ganache-cli

3. 安裝solidity編譯器

  > npm install -g solc

  >solcjs –version

Dapp開發環境搭建(windows)
  1. 安裝web3

>npm install -g [email protected]

.>node -p ‘require(“web3”)

Dapp開發環境搭建(windows)
  1. 安裝truffle

>npm install -g truffle

>truffle.emd version

Dapp開發環境搭建(windows)
  1. 安裝webpack

>npm install -g [email protected]

>webpack -v

Dapp開發環境搭建(windows)
  • 建構示例項目
  1. 建立DApp項目

mkdir demo

cd demo

Dapp開發環境搭建(windows)
  1. 用webpack模版初始化項目骨架結構

>truffle.cmd unbox webpack

Dapp開發環境搭建(windows)
  1. 安裝項目依賴的NPM包
Dapp開發環境搭建(windows)
  1. 修改truffle配置

如果使用圖形版的ganache,不需要修改truffle.js配置檔案,否則,需要在truffle.js中,修改port為8545,因為ganache-cli在8545端口監聽

Dapp開發環境搭建(windows)
  1. 啟動節點

啟動節點仿真器,以便部署合約并執行交易

>ganache-cli

     6. 編譯合約

       > truffle.cmd compile

Dapp開發環境搭建(windows)
  1. 部署合約

>truffle.cmd migrate

Dapp開發環境搭建(windows)
  1. 啟動DApp

>npm run dev

Dapp開發環境搭建(windows)
  1. 運作成功
Dapp開發環境搭建(windows)
  1.  如果要讓别的機器通路Dapp應用

在package.json修改

Dapp開發環境搭建(windows)
  1.  儲存後,重新啟動Dapp 把防火牆關閉

在另一台機器的浏覽器打開

Dapp開發環境搭建(windows)

通路成功

繼續閱讀