EOS Dapp最后一环-scatter网页前端开发实践

我们知道自从移动钱包(TokenPocket,MeetOne,麦子钱包)支持scatter后，Eos Dapp的体验及便利性提升了不少，也是最近Dapp爆热的一个原因，因而目前Eos Dapp支持Scatter是一个必选项。同时，最近很多伙伴问我Dapp怎么支持scatter，昨晚有空正好就整理了下，形成了hello-eos-scatter这个项目并开源了，希望对大家有用。

新人Eos Dapp开发现状

目前Eos Dapp很热，但新人参与Dapp开发会遇到以下几个问题

1）新账号注册

目前主流钱包TokenPocket, Meet.One, Hoo钱包都支持付费注册账号，一般都是采取购买邀请码的方式。

最近鲸交所whaleex 和meet.one又推出免费注册账号活动，因而新账号注册已经不算太难了，具体请看

https://github.com/itleaks/js4eos/blob/master/docs/faucet.md

2）Dapp开发资料

下面是我的一些探索整理出来的一些智能合约实例，大家可以参考参考

资料::

https://blog.csdn.net/itleaks/article/category/7700370

合约源码:

https://github.com/itleaks/eos-contract

github上一些有名的dapp源码大家也可以参考

3）Dapp开发环境（js4eos)

对于新人来说，EOS环境搭建不是一个简单的事，因而Js4eos出来了

Js4eos是一个javascript脚本,不需要任何eos环境即可编译部署智能合约。

项目地址:

https://github.com/itleaks/js4eos

4）Dapp网页前端（hello-eos-scatter）

目前不支持scatter的网页前端是没有生命力，因而我开源了hello-eos-scatter项目，算是打通了最后一环

准备工作

安装scatter

安装chrome scatter插件，并已绑定一个账号，具体参考

部署hello智能合约

使用javascript脚本js4eos,不需要eos任何环境即可编译部署智能合约，具体命令操作如下

详情参考:https://github.com/itleaks/eos-contract/tree/master/hello-exp

hello-eos-scatter

hello-eos-scatter是基于React和Scatterjs的网页前端，能够非常方便的使用scatter连接用户，并执行 eos智能合约。 大致代码如下

连接scatter

获取账号信息

编译运行

源码：https://github.com/itleaks/hello-eos-scatter

git clone https://github.com/itleaks/hello-eos-scatter

cd hello-eos-scatter

npm install

npm -g install react-scripts

npm start

运行后在chrome浏览器输入localhost:3000, 界面如下。

先点击login, 然后点击transfer就会弹出scatter授权对话框

公众号:区块链斜杠青年