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

一、安装 DApp 开发环境

① 安装 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 即可。

以太坊之Windows DApp开发环境的搭建_第1张图片

  • 如果希望从别的机器也可以访问 DApp 应用,修改一下 package.json:
{
	scripts:{
		"dev":"webpack-dev-server –-host 0.0.0.0"
	}
}

你可能感兴趣的