Hi 游客

更多精彩,请登录!

比特池塘 区块链技术 正文

调用Bytom Chrome插件钱包开发Dapp

mmmpy
113 0 0
安装使用插件钱包
( ~; j5 w$ @, }! S1. 打开Google浏览器的应用商店,搜索Bystore( n$ p& }5 t2 U4 p( v2 E! R

8 N( W8 `7 N3 c0 Y/ C% y5 V& ?! t下载链接:http://t.cn/E6cFFwb
6 {+ \, l( D# G/ u2. 然后点击添加到Chrome,就可以添加到我们的:
. F6 Z) d4 L' q) d
  b% z* O4 E( M- G0 ]$ x1 \; B+ }& d3. 使用google插件钱包) q- B) A& P" }8 c" G( P2 S4 l
如果你使用的是测试网,可以去测试网水龙头领取BTM。7 d$ r( z9 m8 `
测试网水龙头:http://test.blockmeta.com/faucet.php
& ^" ?# u. X8 ]: I* D5 T搭建Dapp demo
9 v1 r! h. r. q* Z& EDapp demo是一个基于比原的储蓄合约,该demo可以进行资产的锁仓储蓄,到期返还资产并给一定的利息。这个dapp很适合的场景就是股息分红,内部通过智能合约自动锁仓操作,到期资产自动解锁。所以我个人对这个dapp应用场景表示非常看好。9 y8 h* P$ B# @; `% ]- }8 _# `" y7 h
项目源码地址:https://github.com/Bytom/Bytom-Dapp-Demo
- ?+ B4 ~* o  _4 \+ X8 a根据源码里面的readme.md文件进行搭建dapp,然后我们在本地打开http://127.0.0.1:8080 后就可以看该dapp应用。然后我们点开我们的账户如下图:9 a; ^  M# {! L5 V+ d
  u2 u% ]2 t. s3 D. o* G) d! T
点击saving,我们看到的是储蓄资产界面,用户可以设置资产的金额,并储蓄资产
' n+ o  L0 h% b: j# ?6 z( Z1 }
- g9 q/ b2 x; F下图是我们收益的页面,我们可以看到自己储蓄的收益,如果是到期的话我们可以提出自己的收益。% u: B* N  s* K; E0 G

) d4 |2 {: W- L9 IDapp调起Google插件的实现
5 Q7 e/ l+ E8 q+ i6 Q% L- K' ]' s4 \初始化注入7 o2 R3 V1 W5 p0 g( f+ K
5 ]  m- d6 ]$ e) c! d, C# U: s; i
检查插件,账户
3 n4 U  x6 W0 u5 ?  a; e' A) K
/ J6 }/ }+ N. ~  G7 o4 E1 u调交易接口
7 y4 I; p& v. l+ b  ~4 s# U9 Z, I下图是发送交易的API接口,接口的具体文档参考:https://github.com/Bytom/Bystore/wiki/API-reference。还有其他的API接口都在该文档里面。监听事件接口bytom.request(eventName, options)。
' i: r: ^# I) F9 C7 E
0 M  F5 B2 w  |5 ~) _6 o1 c6 ?后端服务器接口
/ `% Y: r1 `. e& ~1 D$ ^由于比原链采用的UTXO模型,该模型没有状态。但是在开发dapp的过程中需要关联用户的的地址。所以后端服务器主要是封装一层类似账户模型,方便dapp跟链进行交互。开发者开发dapp可以搭建改项目作为与链交互的服务器,自己搭建参考项目的readme.
* u& l; [5 M/ N. Y3 d' `后端服务器项目地址:https://github.com/oysheng/bufferserver
: @9 `' u% R% W* v$ MDapp开发流程梳理2 v  V+ T" X3 v2 p$ j6 o' T2 ?! B
通过上面的一系列步骤,我们已经大概明白基于比原链开发dapp的一个大致流程。流程总结就是:# v  H8 s' x4 ~* w$ C+ [# U! S$ }
step1: 下载安装Chrome插件钱包,如果自己的dapp不需要跳过这一步。
0 Q# R" A" Q2 s9 J3 vstep2: 如果需要自己搭建BlockCenter后端服务器,参考项目说明文件安装。不想搭建的话,直接用官方的服务,直接远程调用即可。
4 T& V/ u7 u0 ustep3: 开发智能合约,并编译。然后将编译后的合约参数配置在dapp的配置文件,如下图:(全红部分是测试网合约配置参数); \& N0 X, }2 t) P8 u1 x5 p  T

! a0 f8 E' B8 Y5 f$ O: Nstep4:调用Chrome插件钱包。
2 m- N/ e( p$ J5 a5 t$ c9 u, d到此,在比原链上开发dapp的整套流程都已经梳理清楚,欢迎大家快速上手试试。开发出优秀的dapp应用。* t# z+ i/ m7 O2 u1 a1 Z
GitHub: https://github.com/bycoinio/Bystore/
BitMere.com 比特池塘系信息发布平台,比特池塘仅提供信息存储空间服务。
声明:该文观点仅代表作者本人,本文不代表比特池塘立场,且不构成建议,请谨慎对待。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

成为第一个吐槽的人

mmmpy 小学生
  • 粉丝

    0

  • 关注

    0

  • 主题

    1