调用 Bytom Chrome 插件钱包开发 Dapp

安装使用插件钱包

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/