在Dapp开发环境上部署构建一个示例项目
fanlb
发表于 2022-11-12 16:39:35
96
0
0
执行以下命令创建项目目录并进入该目录:' I9 m1 r* X. |+ U
C:\Users\block> mkdir demo0 t+ }1 D+ @6 _$ h% K Y
C:\Users\block> cd demo
V8 |5 o7 g6 E2 u
然后用 webpack 模版初始化项目骨架结构:
C:\Users\block\demo> truffle.cmd unbox webpack
Downloading…0 ]) s' c6 I; f) d1 m2 q
Unpacking…- E, Q) @$ T: _& ~
Setting up…$ R5 X' y$ W* |: E! C6 S" t
Unbox successful. Sweet!
2.2 安装项目依赖的 NPM 包6 @# _% W/ ?$ @( m
执行以下命令安装 nmp 包:! z m0 e* x- X& i0 F
5 l e/ G: U s" h' I
C:\Users\block\demo> npm install& l' N# q. Y( f5 V7 w r& i0 L
2.3 修改 truffle 配置9 w6 Y2 @& U9 J8 t$ M
如果你使用图形版的 ganache,丌需要修改 truffle.js 配置文件。否则,需要在
truffle.js 中,修改 port 为 8545,因为 ganache-cli 在 8545 端口监听:& e( J+ s& Z4 i7 T( v, ?' J
module.exports = {
networks:{4 F1 r. S t; p7 n% E/ c' ?, y6 Q
development: {( L, L5 x! c7 _3 {' V$ {# }
port: 8545
}# [) J' z+ H( e; s# f( j, ?7 `6 {
}
}
2.4 启动节点! r* S3 t. q: U* n% G: m
执行以下命令启动节点仿真器,以便部署合约并执行交易:" C( v) ^) R! J. _. {, C2 W% {
0 j3 s4 D$ Q2 y: t/ p
C:\Users\block\demo> ganache-cli
然后另外开一个控制台窗口,执行后续步骤。
2.5 编译合约
执行以下命令编译项目合约:; r# m# f* ?4 f% v- b4 F
C:\Users\block\demo> truffle.cmd compile
2.6 部署合约:
执行以下命令来部署合约:
C:\Users\block\demo> truffle.cmd migrate; d1 l8 ]) {( G( ?2 i I
2.7 启动 DApp
执行以下命令来启动 DApp:
C:\Users\block\demo> npm run dev
在浏览器里访问 http://localhost:8080 即可! O* H9 e' L7 }9 g4 [
如果你希望从别的机器也可以访问你的 DApp 应用,修改一下 package.json:' T6 v$ {( B" ?- b- c
{+ l- O4 o6 A! M
scripts:{8 F y5 y1 s, Y8 H
“dev”: “webpack-dev-server –-host 0.0.0.0”( }9 d3 z$ }% _+ P' k
}
}
成为第一个吐槽的人