以太坊之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"
	}
}