在Dapp开发环境上部署构建一个示例项目
fanlb
发表于 2022-11-12 16:39:35
95
0
0
执行以下命令创建项目目录并进入该目录: ]. K+ ]4 k2 i* y4 i$ v
9 p' ~" v5 r" O1 Z4 Y
C:\Users\block> mkdir demo
C:\Users\block> cd demo
然后用 webpack 模版初始化项目骨架结构:' v+ x: j0 P) B; i9 m7 R
C:\Users\block\demo> truffle.cmd unbox webpack$ J: i* x% u7 i: S' x
Downloading…& o2 B# X4 F& S/ O
Unpacking…
Setting up…" k, w- x, g8 A3 L% l/ ~2 h0 B
Unbox successful. Sweet! D8 S* G" y- @+ k" x2 l8 N( A1 D9 p
/ |/ K! T# n/ n6 d- d* |
2.2 安装项目依赖的 NPM 包! b- Y8 }1 d2 W# }
执行以下命令安装 nmp 包:* P1 B/ n9 |. K( R
C:\Users\block\demo> npm install" {% `; j. ?. E/ q2 s5 L. t7 L' H
' H. l# b5 y1 u
2.3 修改 truffle 配置4 T2 \& `- y, L0 c$ [
如果你使用图形版的 ganache,丌需要修改 truffle.js 配置文件。否则,需要在
truffle.js 中,修改 port 为 8545,因为 ganache-cli 在 8545 端口监听:& W5 A2 G/ I$ D+ g! h$ q# \+ g
module.exports = {" L* }8 S/ p' Q' L5 l L% W
networks:{
development: {/ ], Q& {) {- k# n, `! \
port: 8545
}, ]6 q+ `/ X( u" j2 o
}
}4 X# N% `& U0 t( v" a* w$ m
2.4 启动节点
执行以下命令启动节点仿真器,以便部署合约并执行交易:8 t. L0 }, N1 ?: R* }
8 G6 z. F3 t& t3 S" Z
C:\Users\block\demo> ganache-cli
' G, S& K( Z) H# N! z4 q
然后另外开一个控制台窗口,执行后续步骤。7 C9 E9 H2 v& K' b' Z* l
2.5 编译合约2 Q# B: P/ g/ k/ m9 P* |$ l8 R
执行以下命令编译项目合约:* G9 n$ A( R% b' S' J5 N1 ^& h S
C:\Users\block\demo> truffle.cmd compile
2.6 部署合约:
执行以下命令来部署合约:" [* b' e8 K5 f# Q
C:\Users\block\demo> truffle.cmd migrate
2.7 启动 DApp; U$ C, I% z* d+ e% P5 Q( M
执行以下命令来启动 DApp:0 x! F+ }, q& z7 W# ]- b1 Z3 i! \
C:\Users\block\demo> npm run dev
在浏览器里访问 http://localhost:8080 即可
如果你希望从别的机器也可以访问你的 DApp 应用,修改一下 package.json:
{0 ~" n" C1 ? ~) ^0 L
scripts:{
“dev”: “webpack-dev-server –-host 0.0.0.0”0 a# s* H7 C1 O. T0 d' q) Z2 J
}' p! `6 ]3 Z. l1 d& |# w+ @
}
成为第一个吐槽的人