以太坊之Windows DApp开发环境的搭建

一、安装 DApp 开发环境

① 安装 Node.js

• 安装 Node.js 可以使用官方长期支持的 8.10.0LTS 版本，根据 ubuntu 是 32 位还是 64 位，分别下载不同的预编译版本：
• • 32 位：

~$ wget https://nodejs.org/dist/v8.10.0/node-v8.10.0-linux-x86.tar.gz

• • 64 位：

~$ wget https://nodejs.org/dist/v8.10.0/node-v8.10.0-linux-x64.tar.gz

• 然后解压到当前目录，以 64 位为例：

~$ tar zxvf node-v8.10.0-linux-x64.tar.gz

• 下载后直接安装即可，安装完毕，打开一个控制台窗口，可以使用 node：

C:\Users\xxx> node –v
v8.10.0

② 安装节点仿真器

• 在控制台执行以下命令：

C:\Users\xxx> npm install –g ganache-cli

• 安装完毕后，执行命令验证安装成功：

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

• 如果是 Win10，也可以下载预编译的 Win10 软件包，安装图形版的 ganache。

③ 安装 solidity 编译器

• 安装：

C:\Users\xxx> npm install –g solc

• 安装完毕后，执行命令验证安装成功：

C:\Users\xxx> solcjs –version
0.40.2+commit.3155dd80.Emscripten.clang

④ 安装 web3

• 安装：

C:\Users\xxx> npm install –g web3@0.20.2

• 安装验证：

C:\Users\xxx> node –p 'require("web3")'
{[Function: Web3]
	providers:{…}}

⑤ 安装 truffle 框架

• 执行以下命令安装 truffle 开发框架：

C:\Users\xxx> npm install –g truffle

• 验证安装：

C:\Users\xxx> truffle.cmd version
Truffle v4.1.3(core 4.1.3)

⑥ 安装 webpack

• 执行以下命令安装 webpack：

C:\Users\hubwiz> npm install –g webpack@3.11.0

• 验证安装：

C:\Users\hubwiz> webpack –v
3.11.0

二、构建示例项目

① 新建 DApp 项目

• 执行以下命令创建项目目录并进入该目录：

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

• 然后用 webpack 模版初始化项目骨架结构：

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

② 安装项目依赖的 NPM 包

• 执行以下命令安装 nmp 包：

C:\Users\xxx\demo> npm install

③ 修改 truffle 配置

• 如果使用图形版的 ganache，不需要修改 truffle.js 配置文件。否则，需要在 truffle.js 中，修改 port 为 8545，因为 ganache-cli 在 8545 端口监听：

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

④ 启动节点

• 执行以下命令启动节点仿真器，以便部署合约并执行交易：

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

• 然后另外开一个控制台窗口，执行后续步骤。

⑤ 编译合约

• 执行以下命令编译项目合约：

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

⑥ 部署合约

• 执行以下命令来部署合约：

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

⑦ 启动 DApp

• 执行以下命令来启动 DApp:

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

• 在浏览器里访问 http://localhost:8080 即可。

• 如果希望从别的机器也可以访问 DApp 应用，修改一下 package.json：

{
	scripts:{
		"dev":"webpack-dev-server –-host 0.0.0.0"
	}
}