在Dapp开发环境上部署构建一个示例项目
fanlb
发表于 2022-11-12 16:39:35
148
0
0
执行以下命令创建项目目录并进入该目录:
C:\Users\block> mkdir demo
C:\Users\block> cd demo* M# p! x, [% O* @- r5 d# t% n& J
4 U% ~5 X: |; x9 ~3 L* j5 E
然后用 webpack 模版初始化项目骨架结构:
& L$ ?+ a3 F3 l! N" e6 a- v" P1 k
C:\Users\block\demo> truffle.cmd unbox webpack
Downloading…" L: E3 s, T* f: A
Unpacking…
Setting up…5 e) ]2 U/ S( P1 Z4 K& f
Unbox successful. Sweet!
1 ~5 E, v" j9 E; k" [, `
2.2 安装项目依赖的 NPM 包 P8 D) T/ h8 @- X
执行以下命令安装 nmp 包:3 T7 v0 N0 x- D& Y
C:\Users\block\demo> npm install
3 y# f/ x! B6 a! ?' X" E7 u
2.3 修改 truffle 配置
如果你使用图形版的 ganache,丌需要修改 truffle.js 配置文件。否则,需要在
truffle.js 中,修改 port 为 8545,因为 ganache-cli 在 8545 端口监听:
module.exports = {
networks:{7 _* ?; W3 g$ d- X2 `9 c
development: {+ o! Q- d+ z; t, X6 o
port: 85455 @/ J- ]) ]% _" T% Q% {9 l( r9 Z
}
}. w+ `3 q( [) W A6 V
}! v; T* W2 y, Q, H) V
2.4 启动节点
执行以下命令启动节点仿真器,以便部署合约并执行交易:) ?! i& {( j) [ S9 z" `
; |& p: `$ E+ }2 J" [4 H
C:\Users\block\demo> ganache-cli$ ?: F3 H8 P6 o9 N% P) y4 }6 X& ^
然后另外开一个控制台窗口,执行后续步骤。4 I9 d. r, Y8 D8 x$ ?, K- W
2.5 编译合约
执行以下命令编译项目合约:
C:\Users\block\demo> truffle.cmd compile
2.6 部署合约:7 x1 r* t6 U* p; g' T7 P$ \3 q
执行以下命令来部署合约:
C:\Users\block\demo> truffle.cmd migrate
2.7 启动 DApp
执行以下命令来启动 DApp:$ V. u1 b0 {; t' l: u9 t
C:\Users\block\demo> npm run dev4 v( C$ [0 M" V, ^( l
在浏览器里访问 http://localhost:8080 即可" B2 w1 l: M' y/ R. ?6 b/ N/ B$ P
5 o0 L. V" C+ T
如果你希望从别的机器也可以访问你的 DApp 应用,修改一下 package.json:8 ~9 p8 h. N; p9 n: A$ c
{% H/ c5 Y+ @7 u) L+ _& b0 n
scripts:{8 ?8 n& _1 _- I5 W e
“dev”: “webpack-dev-server –-host 0.0.0.0”
}; i& C6 d# I) W4 j1 r" \1 [9 `% L
}
成为第一个吐槽的人