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