在Dapp开发环境上部署构建一个示例项目
fanlb
发表于 2022-11-12 16:39:35
149
0
0
执行以下命令创建项目目录并进入该目录:
C:\Users\block> mkdir demo
C:\Users\block> cd demo
然后用 webpack 模版初始化项目骨架结构:9 U- T; ]/ O3 u I" [5 {* r, y
C:\Users\block\demo> truffle.cmd unbox webpack
Downloading…
Unpacking…
Setting up…
Unbox successful. Sweet!) Q0 S) Y4 L( r2 \
2.2 安装项目依赖的 NPM 包( S. E1 Z" N% g4 ^# I8 q" T
执行以下命令安装 nmp 包:
% J& Q1 q, i6 L0 T) {
C:\Users\block\demo> npm install
5 g+ ~4 C5 y: d/ p9 h
2.3 修改 truffle 配置
如果你使用图形版的 ganache,丌需要修改 truffle.js 配置文件。否则,需要在2 `: t3 s+ Z# C* g7 z6 `3 r
truffle.js 中,修改 port 为 8545,因为 ganache-cli 在 8545 端口监听:# a1 b" C3 }* P \
module.exports = {& ^$ N/ t2 y$ u
networks:{$ s. M5 C1 G3 c% t
development: {
port: 8545
}
}0 _" E$ S! t1 R
}
2.4 启动节点8 I# O2 }6 k6 r( O2 F
执行以下命令启动节点仿真器,以便部署合约并执行交易:
C:\Users\block\demo> ganache-cli
' F( q( J2 s+ }6 l) `8 P, E
然后另外开一个控制台窗口,执行后续步骤。 b7 T6 C+ t8 R5 Z5 ]( N4 y2 V
2.5 编译合约- L6 S5 A A' Q# Y9 ? F0 H
执行以下命令编译项目合约:
C:\Users\block\demo> truffle.cmd compile" ~" C& Q. U' ], p) h; A
2.6 部署合约:
执行以下命令来部署合约:
C:\Users\block\demo> truffle.cmd migrate
2.7 启动 DApp
执行以下命令来启动 DApp:
C:\Users\block\demo> npm run dev
在浏览器里访问 http://localhost:8080 即可
如果你希望从别的机器也可以访问你的 DApp 应用,修改一下 package.json:
{
scripts:{
“dev”: “webpack-dev-server –-host 0.0.0.0”0 ]9 O8 d& v2 t1 \- d( l
}
}
成为第一个吐槽的人