安裝DApp開發環境

1. 安裝Node.js

安裝Node.js教程參考地址：https://jingyan.baidu.com/article/fd8044faf2e8af5030137a64.html

檢測是否安裝完成：打開命令行操作；

C:\users\hubwiz>nocd -v
v8.10.0

2. 安裝節點仿真器

在控制檯命令下：

C:\users\hubwiz>npm install -g ganache-cli

安裝完畢後，執行命令驗證安裝成功：

C:\users\hubwiz>ganache-cli
Ganache CLI v6.0.3 (ganache-core: 2.0.2)

3. 安裝solidity編譯器

C:\users\hubwiz>npm install -g solc

安裝完畢後，執行命令驗證安裝完成

C:\users\hubwiz>solcjs -version
0.40.2+commit.3155dd80.Emscripten.clang

4. 安裝web3

C:\users\hubwiz>npm install -g [email protected]

驗證安裝：

C:\users\hubwiz>node -p 'require("web3")'
{[Function:web3]
  providers:{,,,}}

5. 安裝truffle框架

執行下面命令安裝truffle開發框架：

C:\users\hubwiz>npm install -g truffle

驗證安裝：

C:\users\hubwiz>truffle.cmd version
Truffle v4.1.3 (core 4.1.3)

6. 安裝webpack

執行以下命令安裝webpack:

C:\users\hubwiz>npm install -g [email protected]

驗證安裝

C:\users\hubwiz>webpack -v
3.11.0

7. 新建DApp項目

執行以下命令創建項目目錄並進入該目錄： 

C:\Users\hubwiz> mkdir demo 
C:\Users\hubwiz> cd demo

然後用 webpack 模版初始化項目骨架結構： 

C:\Users\hubwiz\demo> truffle.cmd unbox webpack 
Downloading… 
Unpacking… 
Setting up… 
Unbox successful. Sweet!

8. 安裝項目依賴的npm包

執行以下命令安裝 npm 包：

C:\Users\hubwiz\demo> npm install 

9. 修改truffle配置

在truffle.js 中，修改 port 爲 8545，因爲 ganache-cli 在 8545 端口監聽： 

module.exports = { 
  networks:{ 
development: { 
  port: 8545 
   } 
  } 
}

10. 啓動節點

執行以下命令啓動節點仿真器，以便部署合約並執行交易： 

C:\Users\hubwiz\demo> ganache-cli

然後另外開一個控制檯窗口，執行後續步驟。

11. 編譯合約

執行以下命令編譯項目合約： 

C:\Users\hubwiz\demo> truffle.cmd compile 

12. 部署合約

執行以下命令來部署合約：

C:\Users\hubwiz\demo> truffle.cmd migrate

13. 啓動DApp

C:\Users\hubwiz\demo> npm run dev

在瀏覽器裏訪問 http://localhost:8080 即可

注：第一次寫博客，有很多不足，希望能多多包涵。