在Dapp开发环境上部署构建一个示例项目
fanlb
发表于 2022-11-12 16:39:35
150
0
0
执行以下命令创建项目目录并进入该目录：
4 r& s7 k3 f7 ]2 N/ ~6 H; j* k* }
C:\Users\block> mkdir demo
C:\Users\block> cd demo- y8 q$ J2 b+ `% e8 V5 T
然后用 webpack 模版初始化项目骨架结构：, y1 |7 W4 Q; n9 C
7 q. s. \0 F/ p, @
C:\Users\block\demo> truffle.cmd unbox webpack; d: k. s: J G5 t7 ~) X
Downloading…, I. e3 }" G% n+ A
Unpacking…6 G/ t; @ Q$ U& a9 O) U5 f
Setting up…* F0 x$ b' G/ v3 S. y$ |
Unbox successful. Sweet!
2.2 安装项目依赖的 NPM 包
执行以下命令安装 nmp 包：
C:\Users\block\demo> npm install6 o0 g' t( Z( Q& T m
( E" q: F. Q. G. \
2.3 修改 truffle 配置
如果你使用图形版的 ganache，丌需要修改 truffle.js 配置文件。否则，需要在
truffle.js 中，修改 port 为 8545，因为 ganache-cli 在 8545 端口监听：
module.exports = {$ l3 U, d2 Y' b! N
networks:{
development: {
port: 85455 _ Q4 M) U+ s4 q( ]/ l
}/ I+ i E3 g3 z9 a
}5 |' \ e4 c, @7 k; W+ P4 e# ~
}
2.4 启动节点* P) U$ m% F: _' R/ J
执行以下命令启动节点仿真器，以便部署合约并执行交易：$ L3 T$ g7 m, ?* N: }
C:\Users\block\demo> ganache-cli
- G6 n. C# `5 R5 c& }7 S y2 ~
然后另外开一个控制台窗口，执行后续步骤。; w# F' N4 \0 L6 q0 u2 }4 c
2.5 编译合约
执行以下命令编译项目合约：6 t0 }" U" l+ t# o* n7 R! W
C:\Users\block\demo> truffle.cmd compile
2.6 部署合约：
执行以下命令来部署合约：
C:\Users\block\demo> truffle.cmd migrate- c/ [. T" |. `* U
2.7 启动 DApp
执行以下命令来启动 DApp:# V) h+ V; u+ Q; l- K
C:\Users\block\demo> npm run dev3 z5 k! U6 g! r. `9 s# U
在浏览器里访问 http://localhost:8080 即可
& Y$ ^9 b. I$ S# Q
如果你希望从别的机器也可以访问你的 DApp 应用，修改一下 package.json：
{
scripts:{
“dev”: “webpack-dev-server –-host 0.0.0.0”6 `9 ]0 p! I! C$ h
}
}
成为第一个吐槽的人
