Hi Guest

More contents, please log on!

Bitmere.com 区块链技术 Content

调用Bytom Chrome插件钱包开发Dapp

mmmpy
27 0 0
安装使用插件钱包
1. 打开Google浏览器的应用商店,搜索Bystore

下载链接:http://t.cn/E6cFFwb
2. 然后点击添加到Chrome,就可以添加到我们的:

3. 使用google插件钱包
如果你使用的是测试网,可以去测试网水龙头领取BTM。
测试网水龙头:http://test.blockmeta.com/faucet.php
搭建Dapp demo
Dapp demo是一个基于比原的储蓄合约,该demo可以进行资产的锁仓储蓄,到期返还资产并给一定的利息。这个dapp很适合的场景就是股息分红,内部通过智能合约自动锁仓操作,到期资产自动解锁。所以我个人对这个dapp应用场景表示非常看好。
项目源码地址:https://github.com/Bytom/Bytom-Dapp-Demo
根据源码里面的readme.md文件进行搭建dapp,然后我们在本地打开http://127.0.0.1:8080 后就可以看该dapp应用。然后我们点开我们的账户如下图:

点击saving,我们看到的是储蓄资产界面,用户可以设置资产的金额,并储蓄资产

下图是我们收益的页面,我们可以看到自己储蓄的收益,如果是到期的话我们可以提出自己的收益。

Dapp调起Google插件的实现
初始化注入

检查插件,账户

调交易接口
下图是发送交易的API接口,接口的具体文档参考:https://github.com/Bytom/Bystore/wiki/API-reference。还有其他的API接口都在该文档里面。监听事件接口bytom.request(eventName, options)。

后端服务器接口
由于比原链采用的UTXO模型,该模型没有状态。但是在开发dapp的过程中需要关联用户的的地址。所以后端服务器主要是封装一层类似账户模型,方便dapp跟链进行交互。开发者开发dapp可以搭建改项目作为与链交互的服务器,自己搭建参考项目的readme.
后端服务器项目地址:https://github.com/oysheng/bufferserver
Dapp开发流程梳理
通过上面的一系列步骤,我们已经大概明白基于比原链开发dapp的一个大致流程。流程总结就是:
step1: 下载安装Chrome插件钱包,如果自己的dapp不需要跳过这一步。
step2: 如果需要自己搭建BlockCenter后端服务器,参考项目说明文件安装。不想搭建的话,直接用官方的服务,直接远程调用即可。
step3: 开发智能合约,并编译。然后将编译后的合约参数配置在dapp的配置文件,如下图:(全红部分是测试网合约配置参数)

step4:调用Chrome插件钱包。
到此,在比原链上开发dapp的整套流程都已经梳理清楚,欢迎大家快速上手试试。开发出优秀的dapp应用。
GitHub: https://github.com/bycoinio/Bystore/
BitMere.com is Information release platform,just provides information storage space services.
The opinions expressed are solely those of the author,Does not constitute advice, please treat with caution.
You have to log in before you can reply Login | 立即注册

Points Rules

Write the first review

mmmpy 小学生
  • Follow

    0

  • Following

    0

  • Articles

    1

币圈江左盟
Promoted