在Dapp开发环境上部署构建一个示例项目
fanlb
发表于 2022-11-12 16:39:35
97
0
0
执行以下命令创建项目目录并进入该目录:
1 l; D2 G! Q: B3 R+ q4 e, {1 x
C:\Users\block> mkdir demo
C:\Users\block> cd demo8 Y* s- z# ^ w1 L- C3 g
1 {: {) ~* [! m
然后用 webpack 模版初始化项目骨架结构:
C:\Users\block\demo> truffle.cmd unbox webpack& ]: G( g) b6 P) d
Downloading…" ^* \3 ]9 o/ @# Z6 {
Unpacking…
Setting up…0 S- F f# @5 Z7 H( Q/ x* t/ O# _
Unbox successful. Sweet!
2.2 安装项目依赖的 NPM 包
执行以下命令安装 nmp 包:
C:\Users\block\demo> npm install+ J+ g5 j# q) h4 w- `1 w& b
! f6 E. J5 p$ B$ J0 @, h
2.3 修改 truffle 配置. q2 f. d3 D9 X! b; T! H
如果你使用图形版的 ganache,丌需要修改 truffle.js 配置文件。否则,需要在
truffle.js 中,修改 port 为 8545,因为 ganache-cli 在 8545 端口监听:' d3 Y% u2 X- w# W: O
module.exports = {
networks:{
development: {$ W5 h. v% X* S) k+ e
port: 8545
}
}
}
2.4 启动节点; q" y/ R* F2 g7 u) R2 n% F) [: B
执行以下命令启动节点仿真器,以便部署合约并执行交易:
C:\Users\block\demo> ganache-cli
, g8 l/ J; T! L6 r! N" u
然后另外开一个控制台窗口,执行后续步骤。
2.5 编译合约; N2 r+ |& N) ~4 u
执行以下命令编译项目合约:
C:\Users\block\demo> truffle.cmd compile
2.6 部署合约:
执行以下命令来部署合约:7 o6 ]6 T6 F7 S& P+ E
C:\Users\block\demo> truffle.cmd migrate' L9 \' U( v, e2 {, G+ I" s
2.7 启动 DApp
执行以下命令来启动 DApp:. o- ^4 Z5 ~5 H: l- ~1 T# {
C:\Users\block\demo> npm run dev _- q& D1 o3 ?- E; o
在浏览器里访问 http://localhost:8080 即可# S6 w2 s( F2 Z L: t
如果你希望从别的机器也可以访问你的 DApp 应用,修改一下 package.json:& x9 t: n9 y+ ~5 t. v
{" W: }5 b+ t n& f* i
scripts:{$ e2 b( F/ u9 y* k; s3 f4 M
“dev”: “webpack-dev-server –-host 0.0.0.0”
}8 _. L( P7 P9 S+ C( B
}
成为第一个吐槽的人