Hi 游客

更多精彩,请登录!

比特池塘 区块链技术 正文

在Dapp开发环境上部署构建一个示例项目

fanlb
95 0 0
2.1新建 DApp 项目4 [0 W* L# R5 d7 B" E
执行以下命令创建项目目录并进入该目录:  ]. K+ ]4 k2 i* y4 i$ v
9 p' ~" v5 r" O1 Z4 Y
C:\Users\block> mkdir demo
7 ?" w- {/ w- {: p* s% \, hC:\Users\block> cd demo
1 u. ]' c: w3 o; b  g3 J

4 F& d3 y; m1 U: M, Q7 P- U. q然后用 webpack 模版初始化项目骨架结构:' v+ x: j0 P) B; i9 m7 R

  a# [8 d/ g/ _' uC:\Users\block\demo> truffle.cmd unbox webpack$ J: i* x% u7 i: S' x
Downloading…& o2 B# X4 F& S/ O
Unpacking…
# Y' d0 r4 O4 V+ DSetting up…" k, w- x, g8 A3 L% l/ ~2 h0 B
Unbox successful. Sweet!  D8 S* G" y- @+ k" x2 l8 N( A1 D9 p
/ |/ K! T# n/ n6 d- d* |
2.2 安装项目依赖的 NPM 包! b- Y8 }1 d2 W# }
执行以下命令安装 nmp 包:* P1 B/ n9 |. K( R

# w% n7 y7 m$ L, o; nC:\Users\block\demo> npm install" {% `; j. ?. E/ q2 s5 L. t7 L' H
' H. l# b5 y1 u
2.3 修改 truffle 配置4 T2 \& `- y, L0 c$ [
如果你使用图形版的 ganache,丌需要修改 truffle.js 配置文件。否则,需要在
" |1 i+ i. _% `& {truffle.js 中,修改 port 为 8545,因为 ganache-cli 在 8545 端口监听:& W5 A2 G/ I$ D+ g! h$ q# \+ g
module.exports = {" L* }8 S/ p' Q' L5 l  L% W
networks:{
1 k5 U2 o+ V9 U# I5 H; \8 ldevelopment: {/ ], Q& {) {- k# n, `! \
port: 8545
2 M; J3 f. M* S}, ]6 q+ `/ X( u" j2 o
}
3 ~9 i+ D% {  g: I8 X0 f( Z2 R4 o}4 X# N% `& U0 t( v" a* w$ m
2.4 启动节点
! L/ X8 X( D- m3 g# Y7 G执行以下命令启动节点仿真器,以便部署合约并执行交易:8 t. L0 }, N1 ?: R* }
8 G6 z. F3 t& t3 S" Z
C:\Users\block\demo> ganache-cli
4 {) Y, r5 q, p) n0 Z" f2 S8 `
' G, S& K( Z) H# N! z4 q
然后另外开一个控制台窗口,执行后续步骤。7 C9 E9 H2 v& K' b' Z* l
2.5 编译合约2 Q# B: P/ g/ k/ m9 P* |$ l8 R
执行以下命令编译项目合约:* G9 n$ A( R% b' S' J5 N1 ^& h  S
C:\Users\block\demo> truffle.cmd compile
2 _5 N3 \! d: J/ s2.6 部署合约:
& C3 H1 S' ]: \+ X执行以下命令来部署合约:" [* b' e8 K5 f# Q
C:\Users\block\demo> truffle.cmd migrate
: X$ y# v  ]1 q6 Y) M1 \1 Y2.7 启动 DApp; U$ C, I% z* d+ e% P5 Q( M
执行以下命令来启动 DApp:0 x! F+ }, q& z7 W# ]- b1 Z3 i! \
C:\Users\block\demo> npm run dev
$ {" y% I0 y/ |- \4 }; ^  p在浏览器里访问 http://localhost:8080 即可
/ |1 H1 O. V. x. ~% _
. Y9 I3 x  F8 b4 M6 _4 A如果你希望从别的机器也可以访问你的 DApp 应用,修改一下 package.json:
  j' }. |6 l; P; T7 ^, a. i{0 ~" n" C1 ?  ~) ^0 L
scripts:{
5 e# z' F) q! E, _“dev”: “webpack-dev-server –-host 0.0.0.0”0 a# s* H7 C1 O. T0 d' q) Z2 J
}' p! `6 ]3 Z. l1 d& |# w+ @
}
BitMere.com 比特池塘系信息发布平台,比特池塘仅提供信息存储空间服务。
声明:该文观点仅代表作者本人,本文不代表比特池塘立场,且不构成建议,请谨慎对待。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

成为第一个吐槽的人

fanlb 小学生
  • 粉丝

    0

  • 关注

    0

  • 主题

    1