Hi 游客

更多精彩,请登录!

比特池塘 区块链技术 正文

调用Bytom Chrome插件钱包开发Dapp

mmmpy
110 0 0
安装使用插件钱包" a' N" v* R3 t. L" P6 W5 y0 Q
1. 打开Google浏览器的应用商店,搜索Bystore
2 V# j9 Y4 E' J4 P: w4 A# h" \/ }
4 r- h+ n5 r9 ~# W) ]下载链接:http://t.cn/E6cFFwb# v: t1 _) P1 A# Y7 j* `
2. 然后点击添加到Chrome,就可以添加到我们的:
! G, I; i8 `; O* H& d; U2 C( E6 L1 w! I- t2 B1 Y
3. 使用google插件钱包
" t/ p0 {# z" \; m3 v如果你使用的是测试网,可以去测试网水龙头领取BTM。
; `% v4 B6 t( M8 j& v# Y0 Z7 J测试网水龙头:http://test.blockmeta.com/faucet.php6 _( D1 U8 d  ]+ G( s, g
搭建Dapp demo6 T' ]9 V% Y% w, I' M# G3 s
Dapp demo是一个基于比原的储蓄合约,该demo可以进行资产的锁仓储蓄,到期返还资产并给一定的利息。这个dapp很适合的场景就是股息分红,内部通过智能合约自动锁仓操作,到期资产自动解锁。所以我个人对这个dapp应用场景表示非常看好。
1 l1 `1 B1 s' l项目源码地址:https://github.com/Bytom/Bytom-Dapp-Demo
( l9 _" b  Q  p  F7 C根据源码里面的readme.md文件进行搭建dapp,然后我们在本地打开http://127.0.0.1:8080 后就可以看该dapp应用。然后我们点开我们的账户如下图:
/ l3 ]8 Y  P* O9 r+ B0 C) Y7 v9 e) `9 |3 |, j  C/ c
点击saving,我们看到的是储蓄资产界面,用户可以设置资产的金额,并储蓄资产% {7 D4 r5 r: J$ t/ E2 V
# V* a8 _! ~4 U# d" E% T' ]& ^  Z
下图是我们收益的页面,我们可以看到自己储蓄的收益,如果是到期的话我们可以提出自己的收益。
# P' v3 l8 p9 ?
" F! n  S" y4 l/ P& Q: k' \3 YDapp调起Google插件的实现
$ `; P# V3 `, m初始化注入5 L3 `* v# y) W0 W/ h; q

( T/ Q8 |  n0 e9 l- l6 N2 c3 F7 u检查插件,账户
. [- u* E6 T  e, e8 l" Z( C* q% c2 I+ X% {! n0 Q* z
调交易接口& d7 d  y! k+ G% g- z7 l
下图是发送交易的API接口,接口的具体文档参考:https://github.com/Bytom/Bystore/wiki/API-reference。还有其他的API接口都在该文档里面。监听事件接口bytom.request(eventName, options)。4 t9 H3 S4 r2 Q4 K. \3 g

! F! V  [( j  [6 Y# O$ o后端服务器接口( q5 L; B2 q' Y7 `1 E5 s9 }
由于比原链采用的UTXO模型,该模型没有状态。但是在开发dapp的过程中需要关联用户的的地址。所以后端服务器主要是封装一层类似账户模型,方便dapp跟链进行交互。开发者开发dapp可以搭建改项目作为与链交互的服务器,自己搭建参考项目的readme.
8 @/ X$ t5 k* z5 m3 d: y后端服务器项目地址:https://github.com/oysheng/bufferserver/ B6 r7 Z9 D" h! G
Dapp开发流程梳理
+ O# {/ g9 F8 f通过上面的一系列步骤,我们已经大概明白基于比原链开发dapp的一个大致流程。流程总结就是:
; k4 N; V6 G& n( |1 n3 `step1: 下载安装Chrome插件钱包,如果自己的dapp不需要跳过这一步。8 P0 }- X2 _3 y5 W0 g+ S
step2: 如果需要自己搭建BlockCenter后端服务器,参考项目说明文件安装。不想搭建的话,直接用官方的服务,直接远程调用即可。2 b, p8 R/ t& e: B" g, B) h, i6 U8 a
step3: 开发智能合约,并编译。然后将编译后的合约参数配置在dapp的配置文件,如下图:(全红部分是测试网合约配置参数)
$ O  p3 O! P# P* A. e- C3 B1 l. i+ N$ g6 ~) B! ?
step4:调用Chrome插件钱包。3 ~1 g# h4 N: A) M
到此,在比原链上开发dapp的整套流程都已经梳理清楚,欢迎大家快速上手试试。开发出优秀的dapp应用。
. R6 R2 t- e# V: q  bGitHub: https://github.com/bycoinio/Bystore/
BitMere.com 比特池塘系信息发布平台,比特池塘仅提供信息存储空间服务。
声明:该文观点仅代表作者本人,本文不代表比特池塘立场,且不构成建议,请谨慎对待。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

成为第一个吐槽的人

mmmpy 小学生
  • 粉丝

    0

  • 关注

    0

  • 主题

    1