在Dapp开发环境上部署构建一个示例项目 - 区块链技术 - BitMere

2.1新建 DApp 项目
执行以下命令创建项目目录并进入该目录：
. d! D# b9 ~  o4 Y- [( P# q
C:\Users\block> mkdir demo% `3 `0 m$ v# A0 b
C:\Users\block> cd demo
  k- u! }, e1 ~: I5 w- Z. [2 K
然后用 webpack 模版初始化项目骨架结构：

, ^" G, ~/ `! M9 O4 [C:\Users\block\demo> truffle.cmd unbox webpack) f) f$ Q7 v* J) g
Downloading…2 ]" h; [: F" E& g( q  ^0 S
Unpacking…* ~" v3 a$ {1 {3 W: T; X4 f
Setting up…
1 F% S' P* _  W! u0 p! q# XUnbox successful. Sweet!
8 Z2 x! X8 `2 @" F/ N( Y2 y
2.2 安装项目依赖的 NPM 包
执行以下命令安装 nmp 包：

" }4 B8 {! L. f: w" j: cC:\Users\block\demo> npm install
. D% J5 }4 x  G9 y
2.3 修改 truffle 配置
如果你使用图形版的 ganache，丌需要修改 truffle.js 配置文件。否则，需要在
truffle.js 中，修改 port 为 8545，因为 ganache-cli 在 8545 端口监听：
module.exports = {
networks:{
development: {
port: 8545
}
}
}
2.4 启动节点
执行以下命令启动节点仿真器，以便部署合约并执行交易：
+ ^3 Y% {. T& Q: d: R, X3 A
C:\Users\block\demo> ganache-cli
- m9 v( n2 m/ }1 \& r$ e4 u/ K
然后另外开一个控制台窗口，执行后续步骤。
2.5 编译合约
执行以下命令编译项目合约：
C:\Users\block\demo> truffle.cmd compile
2.6 部署合约：
执行以下命令来部署合约：
C:\Users\block\demo> truffle.cmd migrate
2.7 启动 DApp
执行以下命令来启动 DApp:
C:\Users\block\demo> npm run dev
在浏览器里访问 http://localhost:8080 即可

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