构建 EOS 区块链浏览器

这是「区块链技术指北」的第 35 篇文章。

0x00 背景

前面的文章讲解了如何让 nodeos 支持将链上数据实时异构到 MySQL 以及如何部署开源的区块链浏览器 API,但问题来了,没有前端展示,对于用户而言不够直观。

0x01 部署

EOS 链上数据有了,API 也有了,剩下的就是前端了。EOSTracker 是较早开源的区块链浏览器,后端使用 PHP,前端使用 AngularJS,接下来我们讲解如何部署前端。

首先我们需要安装 nodejs,命令如下:

$ apt-get install curl python-software-properties

$curl -sL https://deb.nodesource.com/setup_10.x | sudo -E bash -

$ apt-get install nodejs

$ node -v

$ npm -v

接着 clone 代码,安装相关依赖。

$git clone https://github.com/EOSEssentials/EOSTracker.git

$ cd EOSTracker

$ npm install

$ npm install -g @angular/cli

0x02 测试

接着我们执行如下命令访问 EOSTracker。

$ ng serve --host 0.0.0.0

此步可能会遇到如下错误:

ERROR in ./node_modules/cipher-base/index.js

Module not found: Error: Can't resolve 'stream' in '/data/EOSTracker/node_modules/cipher-base'

ERROR in ./node_modules/hash-base/index.js

Module not found: Error: Can't resolve 'stream' in '/data/EOSTracker/node_modules/hash-base'

ℹ 「wdm」: Failed to compile.

我们可以执行如下命令解决上述问题,详情参考 此处。

node patch.js

问题来了,我们没有配置 API,这个数据是怎么读取的呢?原来默认读取的是 EOSTracker 提供的 API。假如我们要修改成自己的 API,怎么处理?很简单,两行代码解决。

$ vim src/environments/environment.ts

$ vim src/environments/environment.prod.ts

将 修改成自己的 API 即可。

当然,我们同样可以给区块链添加域名以及配置 HTTPS,参考如下:

How To Install Nginx on Ubuntu 16.04

Configuring a Web Server

How To Secure Nginx with Let's Encrypt on Ubuntu 16.04

0x03 小结

连续更新 3 篇文章,可以让读者从 0 到 1 构建区块链浏览器。区块链的强大魅力之处在于所有数据公开透明,任何人都可以同步全节点数据,任何人都可以追溯链上数据。希望能给读者带来帮助。

「区块链技术指北」同名知识星球,二维码如下,欢迎加入。BTW,李笑来老师也加入了。

题图来自: © EOS / Block.one / eos.io

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180715G166P700?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券