调用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/