Hi 游客

更多精彩,请登录!

比特池塘 区块链技术 正文

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

fanlb
96 0 0
2.1新建 DApp 项目
4 L9 D! F" V. e3 d执行以下命令创建项目目录并进入该目录:' I9 m1 r* X. |+ U

2 J1 [+ C% ~6 I0 S) RC:\Users\block> mkdir demo0 t+ }1 D+ @6 _$ h% K  Y
C:\Users\block> cd demo
3 w0 O5 B/ u' ^7 x3 V
  V8 |5 o7 g6 E2 u
然后用 webpack 模版初始化项目骨架结构:
/ j* b& R9 F+ x& m. `
; I2 c" o2 I7 f4 v1 ~! nC:\Users\block\demo> truffle.cmd unbox webpack
" Q4 m4 O/ `7 A: o- H5 zDownloading…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!
! k$ A$ Z) a5 B# a9 q* ^  t

- a4 r9 S( y2 Z9 ^  n/ j2.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

( L( B+ `. P* T0 @' B2.3 修改 truffle 配置9 w6 Y2 @& U9 J8 t$ M
如果你使用图形版的 ganache,丌需要修改 truffle.js 配置文件。否则,需要在
6 g! Z+ }: W/ u6 j% Struffle.js 中,修改 port 为 8545,因为 ganache-cli 在 8545 端口监听:& e( J+ s& Z4 i7 T( v, ?' J
module.exports = {
4 T4 r# [8 }7 Gnetworks:{4 F1 r. S  t; p7 n% E/ c' ?, y6 Q
development: {( L, L5 x! c7 _3 {' V$ {# }
port: 8545
+ A9 t* ^+ J; q9 P; F& V( C8 y}# [) J' z+ H( e; s# f( j, ?7 `6 {
}
4 s: }" k; ]' n$ o! H& G% ^! Z  K' o2 H}
6 {$ X9 B. |7 _- G+ G2.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
/ o- b3 X0 F+ Z+ [

8 Q2 U0 T+ U5 \; k$ Z" a然后另外开一个控制台窗口,执行后续步骤。
1 P7 ?- g( C0 _4 s/ i" F0 K2 X2.5 编译合约
7 c6 t0 N1 T, s6 V, X7 B执行以下命令编译项目合约:; r# m# f* ?4 f% v- b4 F
C:\Users\block\demo> truffle.cmd compile
$ K! z+ _# j* O" p$ \% ?1 N! ?2.6 部署合约:
8 [. N, Z/ T! z  T# K7 l/ ~执行以下命令来部署合约:
8 n6 {" m/ v+ W; u5 h3 gC:\Users\block\demo> truffle.cmd migrate; d1 l8 ]) {( G( ?2 i  I
2.7 启动 DApp
! O8 H0 x/ g- s4 q# ~/ `5 \3 M执行以下命令来启动 DApp:
( i/ x4 z, U3 L, QC:\Users\block\demo> npm run dev
* m% W1 c) B. D$ O( H9 ]+ O在浏览器里访问 http://localhost:8080 即可! O* H9 e' L7 }9 g4 [

# a) h, b1 K$ I/ i如果你希望从别的机器也可以访问你的 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
}
/ u- e3 I- U6 \9 J; k( \}
BitMere.com 比特池塘系信息发布平台,比特池塘仅提供信息存储空间服务。
声明:该文观点仅代表作者本人,本文不代表比特池塘立场,且不构成建议,请谨慎对待。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

成为第一个吐槽的人

fanlb 小学生
  • 粉丝

    0

  • 关注

    0

  • 主题

    1