Hi 游客

更多精彩,请登录!

比特池塘 区块链技术 正文

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

fanlb
148 0 0
2.1新建 DApp 项目
0 \. S: G; X! h' x* Q, [- I执行以下命令创建项目目录并进入该目录:
- i( k. D" Q6 o3 R3 Q2 q- x
$ l- a, y; {6 i$ W& x2 j8 uC:\Users\block> mkdir demo
  f1 [) h$ J% Y2 G2 t1 hC:\Users\block> cd demo* M# p! x, [% O* @- r5 d# t% n& J
4 U% ~5 X: |; x9 ~3 L* j5 E
然后用 webpack 模版初始化项目骨架结构:
  |5 |: A) w. Y& D: N% E& L$ ?+ a3 F3 l! N" e6 a- v" P1 k
C:\Users\block\demo> truffle.cmd unbox webpack
7 |+ _5 l* u6 d# ?5 t# d' x1 Y' [Downloading…" L: E3 s, T* f: A
Unpacking…
% v$ F4 j7 l" I+ t3 ^7 cSetting up…5 e) ]2 U/ S( P1 Z4 K& f
Unbox successful. Sweet!
( g4 z" i+ Y; c, ?
1 ~5 E, v" j9 E; k" [, `
2.2 安装项目依赖的 NPM 包  P8 D) T/ h8 @- X
执行以下命令安装 nmp 包:3 T7 v0 N0 x- D& Y

. q  ~* G  a- D2 [; }/ s% E/ Z) E2 S1 cC:\Users\block\demo> npm install
! w" m1 ^* s' R6 A0 k
3 y# f/ x! B6 a! ?' X" E7 u
2.3 修改 truffle 配置
' @8 V* k& Z! ?" [如果你使用图形版的 ganache,丌需要修改 truffle.js 配置文件。否则,需要在
' k, R" {, q0 l  n' R1 H# Ntruffle.js 中,修改 port 为 8545,因为 ganache-cli 在 8545 端口监听:
. h. x* f& k. {6 K1 o5 cmodule.exports = {
, w9 m6 W$ E1 Y" q$ i7 Tnetworks:{7 _* ?; W3 g$ d- X2 `9 c
development: {+ o! Q- d+ z; t, X6 o
port: 85455 @/ J- ]) ]% _" T% Q% {9 l( r9 Z
}
$ m& d5 @, N. A8 p) H7 a% w# ~; e}. w+ `3 q( [) W  A6 V
}! v; T* W2 y, Q, H) V
2.4 启动节点
; t: h* Z6 U: j- T, @: Q执行以下命令启动节点仿真器,以便部署合约并执行交易:) ?! i& {( j) [  S9 z" `
; |& p: `$ E+ }2 J" [4 H
C:\Users\block\demo> ganache-cli$ ?: F3 H8 P6 o9 N% P) y4 }6 X& ^

9 O$ w! g6 H9 ]$ b0 w- B然后另外开一个控制台窗口,执行后续步骤。4 I9 d. r, Y8 D8 x$ ?, K- W
2.5 编译合约
4 F% m- X$ W) K* |- y执行以下命令编译项目合约:
! c* c9 i4 t% m1 z0 Q6 MC:\Users\block\demo> truffle.cmd compile
- i; u$ j. ]) \- O% K2 b2.6 部署合约:7 x1 r* t6 U* p; g' T7 P$ \3 q
执行以下命令来部署合约:
8 \* o7 ?' Y# m0 U; w  MC:\Users\block\demo> truffle.cmd migrate
8 |4 S7 G$ `4 J, A8 M4 ^, Z7 |) j2.7 启动 DApp
# s$ b  `( t$ c' ?执行以下命令来启动 DApp:$ V. u1 b0 {; t' l: u9 t
C:\Users\block\demo> npm run dev4 v( C$ [0 M" V, ^( l
在浏览器里访问 http://localhost:8080 即可" B2 w1 l: M' y/ R. ?6 b/ N/ B$ P
5 o0 L. V" C+ T
如果你希望从别的机器也可以访问你的 DApp 应用,修改一下 package.json:8 ~9 p8 h. N; p9 n: A$ c
{% H/ c5 Y+ @7 u) L+ _& b0 n
scripts:{8 ?8 n& _1 _- I5 W  e
“dev”: “webpack-dev-server –-host 0.0.0.0”
0 @6 ]$ @7 w* R3 }4 K}; i& C6 d# I) W4 j1 r" \1 [9 `% L
}
BitMere.com 比特池塘系信息发布平台,比特池塘仅提供信息存储空间服务。
声明:该文观点仅代表作者本人,本文不代表比特池塘立场,且不构成建议,请谨慎对待。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

成为第一个吐槽的人

fanlb 小学生
  • 粉丝

    0

  • 关注

    0

  • 主题

    1