調用Bytom Chrome插件錢包開發Dapp

安裝使用插件錢包

1. 打開Google瀏覽器的應用商店,搜索Bystore

下載鏈接:http://t.cn/E6cFFwb

2. 然後點擊添加到Chrome,就可以添加到我們的:

3. 使用google插件錢包

如果你使用的是測試網,可以去測試網水龍頭領取BTM。
測試網水龍頭:http://test.blockmeta.com/fau...

搭建Dapp demo

Dapp demo是一個基於比原的儲蓄合約,該demo可以進行資產的鎖倉儲蓄,到期返還資產並給一定的利息。這個dapp很適合的場景就是股息分紅,內部通過智能合約自動鎖倉操作,到期資產自動解鎖。所以我個人對這個dapp應用場景表示非常看好。

項目源碼地址:https://github.com/Bytom/Byto...

根據源碼裏面的readme.md文件進行搭建dapp,然後我們在本地打開http://127.0.0.1:8080 後就可以看該dapp應用。然後我們點開我們的賬戶如下圖:

點擊saving,我們看到的是儲蓄資產界面,用戶可以設置資產的金額,並儲蓄資產

下圖是我們收益的頁面,我們可以看到自己儲蓄的收益,如果是到期的話我們可以提出自己的收益。

Dapp調起Google插件的實現

初始化注入

檢查插件,賬戶

調交易接口

下圖是發送交易的API接口,接口的具體文檔參考:https://github.com/Bytom/Byst...。還有其他的API接口都在該文檔裏面。監聽事件接口bytom.request(eventName, options)。

後端服務器接口

由於比原鏈採用的UTXO模型,該模型沒有狀態。但是在開發dapp的過程中需要關聯用戶的的地址。所以後端服務器主要是封裝一層類似賬戶模型,方便dapp跟鏈進行交互。開發者開發dapp可以搭建改項目作爲與鏈交互的服務器,自己搭建參考項目的readme.

後端服務器項目地址:https://github.com/oysheng/bu...

Dapp開發流程梳理

通過上面的一系列步驟,我們已經大概明白基於比原鏈開發dapp的一個大致流程。流程總結就是:

step1: 下載安裝Chrome插件錢包,如果自己的dapp不需要跳過這一步。

step2: 如果需要自己搭建BlockCenter後端服務器,參考項目說明文件安裝。不想搭建的話,直接用官方的服務,直接遠程調用即可。

step3: 開發智能合約,並編譯。然後將編譯後的合約參數配置在dapp的配置文件,如下圖:(全紅部分是測試網合約配置參數)

step4:調用Chrome插件錢包。

到此,在比原鏈上開發dapp的整套流程都已經梳理清楚,歡迎大家快速上手試試。開發出優秀的dapp應用。

Github: https://github.com/bycoinio/B...

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章