Hi 游客

更多精彩,请登录!

比特池塘 区块链技术 正文

调用Bytom Chrome插件钱包开发Dapp

mmmpy
161 0 0
安装使用插件钱包  Z; a$ e5 l8 z4 H7 m: _0 P
1. 打开Google浏览器的应用商店,搜索Bystore
6 ~" ]8 W3 x8 S1 C6 U2 q- a: @; U0 }# c6 B4 F9 Q
下载链接:http://t.cn/E6cFFwb
' l+ @/ P. i) F2. 然后点击添加到Chrome,就可以添加到我们的:% Q) l+ ]: t3 \& g! \5 \4 e" m' H. M

6 a# O# I: N3 o: H6 d) `3. 使用google插件钱包7 |: v# g" `  [0 C# ~
如果你使用的是测试网,可以去测试网水龙头领取BTM。: R% E- _+ ^2 ^
测试网水龙头:http://test.blockmeta.com/faucet.php1 v7 m+ D2 Z+ W$ C& L% |3 L1 {
搭建Dapp demo( f" j* M6 R1 w2 C2 Z/ z  T& \
Dapp demo是一个基于比原的储蓄合约,该demo可以进行资产的锁仓储蓄,到期返还资产并给一定的利息。这个dapp很适合的场景就是股息分红,内部通过智能合约自动锁仓操作,到期资产自动解锁。所以我个人对这个dapp应用场景表示非常看好。
- b3 z- L- o6 C6 y& n# C& Z; X+ _项目源码地址:https://github.com/Bytom/Bytom-Dapp-Demo: g9 ]7 T7 ]' u( G/ }8 o8 u
根据源码里面的readme.md文件进行搭建dapp,然后我们在本地打开http://127.0.0.1:8080 后就可以看该dapp应用。然后我们点开我们的账户如下图:
1 n% |/ v) k$ G, R0 j. v  H
6 W/ q  d9 W; @7 q# g点击saving,我们看到的是储蓄资产界面,用户可以设置资产的金额,并储蓄资产& v. ~9 ^$ |  h/ S

4 l; I$ n7 n& {, J下图是我们收益的页面,我们可以看到自己储蓄的收益,如果是到期的话我们可以提出自己的收益。
! I) Q( @0 }" k6 c! p
3 ^  r+ d& r9 D4 \0 xDapp调起Google插件的实现
( Q6 A" [9 K  \0 s初始化注入  [, ^( V6 H: ?( ^% q, G5 J  f0 W
7 ]- @% k* a  J5 A& R; A
检查插件,账户
& y" n$ C9 {3 q/ |
$ x6 v. [# {3 J8 N4 V调交易接口* E  D2 u& c) `4 x( p, |) T
下图是发送交易的API接口,接口的具体文档参考:https://github.com/Bytom/Bystore/wiki/API-reference。还有其他的API接口都在该文档里面。监听事件接口bytom.request(eventName, options)。: {0 i5 F, B4 {' h( V- i/ k8 O2 R% D
: h% [! a+ J! p
后端服务器接口8 I" \- Y& x. q9 i: Y
由于比原链采用的UTXO模型,该模型没有状态。但是在开发dapp的过程中需要关联用户的的地址。所以后端服务器主要是封装一层类似账户模型,方便dapp跟链进行交互。开发者开发dapp可以搭建改项目作为与链交互的服务器,自己搭建参考项目的readme.
5 U$ I6 P, g3 V! x3 l后端服务器项目地址:https://github.com/oysheng/bufferserver8 v4 g$ D4 O8 {3 A7 h9 C% C9 K
Dapp开发流程梳理9 c; L( A0 `& ^1 Z
通过上面的一系列步骤,我们已经大概明白基于比原链开发dapp的一个大致流程。流程总结就是:
! @: O4 p! y6 I" p3 k. R6 rstep1: 下载安装Chrome插件钱包,如果自己的dapp不需要跳过这一步。
) e( u/ Y' K. T1 k9 g3 ~! @" e. o' t9 [# fstep2: 如果需要自己搭建BlockCenter后端服务器,参考项目说明文件安装。不想搭建的话,直接用官方的服务,直接远程调用即可。
- L- }$ r+ y6 c0 ~+ W# K# V: _step3: 开发智能合约,并编译。然后将编译后的合约参数配置在dapp的配置文件,如下图:(全红部分是测试网合约配置参数)
  s4 |6 ^% b: z2 O  L1 @# M/ |: I# @" r( ^, E3 c* e2 F2 X3 b
step4:调用Chrome插件钱包。) _1 K( C; h& s7 a& ]8 ^
到此,在比原链上开发dapp的整套流程都已经梳理清楚,欢迎大家快速上手试试。开发出优秀的dapp应用。
4 B2 ^' u0 M; Q. C; `3 M. E+ c: tGitHub: https://github.com/bycoinio/Bystore/
BitMere.com 比特池塘系信息发布平台,比特池塘仅提供信息存储空间服务。
声明:该文观点仅代表作者本人,本文不代表比特池塘立场,且不构成建议,请谨慎对待。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

成为第一个吐槽的人

mmmpy 小学生
  • 粉丝

    0

  • 关注

    0

  • 主题

    1