1. 程式人生 > >EOS Dapp最後一環--scatter網頁前端開發實踐

EOS Dapp最後一環--scatter網頁前端開發實踐

 我們知道自從移動錢包(TokenPocket,MeetOne, 麥子錢包, EosToken)支援scatter後,Eos Dapp的體驗及便利性提升了少,也是最近Dapp爆熱的一個原因,因而目前Eos Dapp支援Scatter是一個必選項。同時,最近很多夥伴問我Dapp怎麼支援scatter,昨晚有空正好就整理了下形成了hello-eos-scatter這個專案並開源了,希望對大家有用。

新人Eos Dapp開發現狀

    目前Eos Dapp很熱,但新人蔘與Dapp開發會遇到以下幾個問題

    1)新賬號註冊

            目前主流錢包TokenPocket, Meet.One, Hohu錢包都支援付費註冊賬號,一般是採取購買邀請碼的方式。

            最近鯨交所whaleex 和meet.one又推出免費註冊賬號活動,因而新賬號註冊已經不算太難了,具體請看

    2)Dapp開發資料

            下面是我的一些探索整理出來的一些智慧合約例項,大家可以參考參考

            github上一些有名的dapp原始碼大家也可以參考

    3)Dapp開發環境(js4eos)

            對於新人來說,EOS環境搭建不是一個簡單的事,因而Js4eos出來了

           Js4eos是一個javascript指令碼,不需要任何eos環境即可編譯部署智慧合約。

    4)Dapp網頁前端(hello-eos-scatter)

            目前不支援scatter的網頁前端是沒有生命力,因而我開源了hello-eos-scatter專案,算是打通了最後一環

安裝scatter

    安裝chrome scatter外掛,並已繫結一個賬號,具體參考

部署hello智慧合約

    使用javascript指令碼js4eos,不需要eos任何環境即可編譯部署智慧合約,具體命令操作如下

  

hello-eos-scatter

    hello-eos-scatter是基於React和Scatterjs的網頁前端,能夠非常方便的使用scatter連線使用者,並執行 eos的智慧合約。 大致程式碼如下

連線scatter

獲取賬號資訊

編譯執行

執行後在chrome瀏覽器輸入localhost:3000, 介面如下。

先點選login, 然後點選transfer就會彈出scatter授權對話方塊

公眾號:區塊鏈斜槓青年

歡迎大家加我微信:itleaks