在Dapp开发环境上部署构建一个示例项目
fanlb
发表于 2022-11-12 16:39:35
151
0
0
执行以下命令创建项目目录并进入该目录:
C:\Users\block> mkdir demo
C:\Users\block> cd demo
* Z1 |+ i0 W* V+ L1 j3 B
然后用 webpack 模版初始化项目骨架结构:
C:\Users\block\demo> truffle.cmd unbox webpack
Downloading…% ?7 X* J! d, K! j3 e5 f
Unpacking…
Setting up…$ }* X1 U% d! \! P" w3 R
Unbox successful. Sweet!$ v v+ O j3 F, L* E
& V4 Z4 Q8 \: W
2.2 安装项目依赖的 NPM 包, u* G9 T% a/ w& Q2 t
执行以下命令安装 nmp 包:
$ I& K* F6 x2 w* ]! w: g) n
C:\Users\block\demo> npm install/ P* M; N5 \# G1 t
- n9 g: l) F+ g! B. Y
2.3 修改 truffle 配置* c9 U5 f+ {, J( O l! @
如果你使用图形版的 ganache,丌需要修改 truffle.js 配置文件。否则,需要在
truffle.js 中,修改 port 为 8545,因为 ganache-cli 在 8545 端口监听:
module.exports = {3 g: [4 Y6 _% |1 M3 ^/ f
networks:{2 \; r( N. I# z
development: {
port: 8545/ {, G! D, ^4 v8 r' C
}. P. V% I0 I! p( F6 C0 {
}& c1 U' Q t9 n, U
}. J( J1 R9 _. E) X1 f+ F0 `
2.4 启动节点
执行以下命令启动节点仿真器,以便部署合约并执行交易:
) J# j0 m0 e: U7 Q
C:\Users\block\demo> ganache-cli
然后另外开一个控制台窗口,执行后续步骤。+ Q, Y; s0 S* y& R! X: |; m" o
2.5 编译合约
执行以下命令编译项目合约:
C:\Users\block\demo> truffle.cmd compile: y: g% j+ n% Y- ~/ H' N9 s8 F A
2.6 部署合约:
执行以下命令来部署合约:- z. h G! y0 f. L9 s( z
C:\Users\block\demo> truffle.cmd migrate
2.7 启动 DApp& E0 h4 O6 @. f, c( G
执行以下命令来启动 DApp:) _1 G3 H( X$ ]; a5 e R1 i
C:\Users\block\demo> npm run dev+ H; }1 ^- l; [- j
在浏览器里访问 http://localhost:8080 即可
) c7 c2 w% J2 }# K! S
如果你希望从别的机器也可以访问你的 DApp 应用,修改一下 package.json:
{! }6 q, L5 u) H
scripts:{+ \& r5 p9 E0 N7 y+ _
“dev”: “webpack-dev-server –-host 0.0.0.0”
}
}
成为第一个吐槽的人