专栏首页区块链技术指北构建 EOS 区块链浏览器

构建 EOS 区块链浏览器

文/温国兵

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

如果对我感兴趣,想和我交流,我的微信号:Wentasy,加我时简单介绍下自己,并注明来自「区块链技术指北」。同时我会把你拉入微信群「区块链技术指北」。BTW,李笑来老师也加入了我的知识星球,文末有加入方式。

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

再次执行 ng serve --host 0.0.0.0,浏览器访问 http://xxx.xxx.xxx.xxx:4200即可访问浏览器。

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

$ vim src/environments/environment.ts $ vim src/environments/environment.prod.ts

apiUrl: 'https://api.eostracker.io' 修改成自己的 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

本文分享自微信公众号 - 区块链技术指北(BlockchainAge)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2018-07-15

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 构建 EOS 区块链浏览器 API

    在上一篇 文章 中笔者讲解了如何将 EOS 链上数据实时异构到 MySQL 数据库。数据既然有了,就要有用武之地。传统互联网获取数据的方式,最底层是数据层,然后...

    robinwen
  • eos钱包开发教程 原

    区块链钱包是什么?很多人会把它理解为微信支付宝钱包等,然而区块链钱包里没有数字货币,数字货币存储在区块链上,钱包作为公私钥的管理工具,用户通过钱包与区块链平台上...

    笔阁
  • 第1课 EOS开发从入门到精通学习导航

    1)EOS.io 2)EOS Blog 3)BlockONE 4)Reddit

    辉哥
  • EOS 钱包浅谈

    EOS 生态蓬勃发展,目前 EOS 钱包数量众多,主要分为硬件钱包、移动端钱包、Web 钱包、浏览器插件钱包,另外,在 GitHub 还可以找到很多开源钱包。

    robinwen
  • 1分钟链圈 | 巴菲特进军区块链!欲注资印度数字支付平台Paytm母公司,多达3.6亿美元

    这里是 8 月 27 日的每日1句话新闻晚报,只需1分钟,看看全球最热、最新的区块链新闻。

    区块链大本营
  • 快速构建 EOS 主网 Fullnode

    截止目前,EOS 主网区块数量达到 1093 万,区块数据达到数十 G,备份数据也达到了 16G。如果从头开始同步区块数据,需要数天的时间。随着区块不断累加,同...

    robinwen
  • 主流比特币客户端的开发选型对比

    bitcoin客户端是接入比特币网络的必备软件,也是开发者构建基于比特币区块链的去中心化应用的基础平台。本文将介绍主流的五种bitcoin客户端软件,开发者可以...

    用户1408045
  • EOS刚上线,我们研究了189个基于EOS的DAPP ……

    北京时间2018年6月15日凌晨1点,全网15%EOS持有者完成投票,EOS主网正式上线!但这仅仅是开始。EOS生态是否能够可持续发展——DAPP的丰富性是其关...

    互链脉搏
  • 1分钟链圈 | BM:针对RAM扩容规则,BPs 投票才是规则所在!薛蛮子:区块链领域未来会出现超越BAT的杀手级应用

    这里是 8 月 8 日的每日1句话新闻晚报,只需1分钟,看看全球最热、最新的区块链新闻。

    区块链大本营
  • 区块链技术公司公链项目结果如何

    EOS的目标是做一款超越以太坊的区块链操作系统,号称实现“百万TPS”,解决当前区块链网络性能差、扩容困难、开发难度高、交易费用贵、安全性差、跨链差等问题。

    用户2357564
  • 1分钟链圈 |纽约大学经济学家:比特币是胡说,只是吸引傻瓜!网易:拿下数字货币钱包市场 有望成为区块链版的「支付宝」

    区块链大本营
  • 恶意EOS合约存在吞噬用户RAM的安全风险

    EOS,是专门为商用分布式应用而设计的一款高性能区块链操作系统,是一种新的区块链架构,旨在实现分布式应用的高性能扩展。EOS的发布,被誉为区块链3.0时代的到来...

    FB客服
  • 【刘文彬】区块链3.0:拥抱EOS

    原文链接:醒者呆的博客园,https://www.cnblogs.com/Evsward/p/eos-intro.html

    圆方圆学院
  • 区块链3.0:拥抱EOS

    EOS是当下最火的区块链技术,被社会广泛看好为下一代区块链3.0。不同于以太坊的学习,EOS的主语言是C++,本文作为EOS研究的首篇文章,重点介绍EOS的创...

    文彬
  • 三雄争霸格局下, EOS,Cosmos,Loom谁将成为第一款承载100万日活的游戏平台?

    2019年,互联网无处不在。我们的手机是智能的,我们的合同、手表和汽车也都是智能的。

    区块链大本营
  • 吴忌寒入选福布斯2019最年轻亿万富豪榜;黑客已将价值近千万EOS偷跑 | 1分钟链圈

    【开发零知识证明公司 StarkWare 推出可替代闪电网络的支付技术「StarkPay」】

    区块链大本营
  • QuikNode -Infura高配版

    随着Web3的演化,开发者已经开始在以太坊区块链上快速开发去中心化应用。虽然 在以太坊上开发dApp很酷,但是要搭建自己的以太坊节点还是挺令人头疼的一件事, 这...

    用户1408045
  • 构建一个应用程序来展示区块链是如何工作的

    让我们通过构建一个应用程序来展示区块链是如何工作的。根据维基百科的描述,区块链是:一种分布式数据库,用于维护不断增长的记录列表,称为块。这听起来似乎不错,但它到...

    笔阁
  • 天才程序员: "那些年我偷懒没敲的EOS代码, 让我失去了一切, 如果..."

    3月15日,mercatox 遭受(hard_fail)攻击,黑客获利数千 EOS,约合数万人民币。

    区块链大本营

扫码关注云+社区

领取腾讯云代金券