Hi 游客

更多精彩,请登录!

比特池塘 区块链技术 正文

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

fanlb
149 0 0
2.1新建 DApp 项目
- \; _( C5 x% h4 _5 k执行以下命令创建项目目录并进入该目录:
* Y: q. V1 `8 ^; |  p- M
' q2 b" R! R2 r% S' yC:\Users\block> mkdir demo
; O4 h6 K: H0 a3 iC:\Users\block> cd demo
1 T. v6 H% Z$ c2 W

+ O  z6 T; H; i" G1 B然后用 webpack 模版初始化项目骨架结构:9 U- T; ]/ O3 u  I" [5 {* r, y

1 f% ^' B0 s" B8 T: P/ uC:\Users\block\demo> truffle.cmd unbox webpack
- V/ F) w) \: X8 ^5 M3 F, xDownloading…
7 L) W3 y5 f, {' {' i+ {# [. wUnpacking…
) i7 l. B* Q- J) ~- A3 G2 lSetting up…
) I* ?" I" v! ]& X; cUnbox successful. Sweet!) Q0 S) Y4 L( r2 \

' S, K8 ~+ }7 z1 B+ H0 O2.2 安装项目依赖的 NPM 包( S. E1 Z" N% g4 ^# I8 q" T
执行以下命令安装 nmp 包:
8 J. ?6 T' u0 M  ]% J& Q1 q, i6 L0 T) {
C:\Users\block\demo> npm install
/ J) A! v% e. ~' i1 q4 i/ t
5 g+ ~4 C5 y: d/ p9 h
2.3 修改 truffle 配置
$ E$ S% Q" Q4 q8 E1 l如果你使用图形版的 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: {
) d- |' z  R& t& t( Lport: 8545
6 G- w. ~3 \# u* U  {( q* `}
1 ^6 u: w; F- y! b& w& D}0 _" E$ S! t1 R
}
+ a0 d2 J$ q8 L, Y6 T' C. h" k2.4 启动节点8 I# O2 }6 k6 r( O2 F
执行以下命令启动节点仿真器,以便部署合约并执行交易:
( Z5 _3 C% U- r6 {8 |
! `, I+ Y* ^8 X* P: [! aC:\Users\block\demo> ganache-cli
- N; K1 D- D) M3 g( O( K. P
' 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
执行以下命令编译项目合约:
8 L3 i  A7 t* Y4 cC:\Users\block\demo> truffle.cmd compile" ~" C& Q. U' ], p) h; A
2.6 部署合约:
4 M  k9 m7 F. h9 W执行以下命令来部署合约:
4 }; R. x" S1 i* T" E4 BC:\Users\block\demo> truffle.cmd migrate
9 G* x* i# x* F& Y2 h2.7 启动 DApp
- o7 y, x5 m! O# r9 Y$ Z执行以下命令来启动 DApp:
% K( g' W- i5 S7 S# wC:\Users\block\demo> npm run dev
) Y; x4 L, Q% Z. F. B) W$ ~6 W在浏览器里访问 http://localhost:8080 即可
6 E' D( f- c) o& Y/ S9 X' |0 v) P
8 h# o: ~9 p5 [" D如果你希望从别的机器也可以访问你的 DApp 应用,修改一下 package.json:
4 J  B1 n% z" X% q" F* z7 q{
; X  o+ w- J! S3 C8 a9 Uscripts:{
: y+ i: w! K: y/ O" G" e, o“dev”: “webpack-dev-server –-host 0.0.0.0”0 ]9 O8 d& v2 t1 \- d( l
}
5 U, d. A# E. i. H0 M: p7 V9 @}
BitMere.com 比特池塘系信息发布平台,比特池塘仅提供信息存储空间服务。
声明:该文观点仅代表作者本人,本文不代表比特池塘立场,且不构成建议,请谨慎对待。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

成为第一个吐槽的人

fanlb 小学生
  • 粉丝

    0

  • 关注

    0

  • 主题

    1