区块链浏览器构建实战

前言
随着区块链技术的不断发展和应用落地，大众逐步加深了对区块链技术的认识。我们都知道，区块链具有可追溯、不可篡改等技术特点，那么链上的数据如何查询、溯源呢？这就是我们今天要分享的主角—区块链浏览器。

区块链浏览器：是链上数据可视化的主要窗口，是提供用户浏览与查询区块链所有信息的工具。借助这一窗口，如区块信息、交易信息、账户信息等重要的加密数据得以直观呈现。因此，区块链浏览器对于区块链使用者而言至关重要。以目前国外开源区块链项目以太坊为例，其社区开源浏览器Etherscan承载大量用户流量，是分析链上行为最便捷的工具。

本文将从区块链浏览器研发实操经验切入，与大家交流如何快速构建一个区块链浏览器。

浏览器可以呈现什么？

通过分析一些开源浏览器，我们总结出区块链浏览器展示的典型区块链信息如下几类：

• 区块高度
• 交易数
• 交易趋势
• 区块列表
• 最近交易列表等

浏览器数据可以直接获取吗？
通常，区块链提供必要的链SDK信息，用以帮助开发者获取链上区块和交易数据，但是其提供的接口往往是基础性的，例如如何获取区块高度、获取某个区块详情、获取某个交易详情等，这些数据直接对应了页面上的区块列表、区块详情、交易详情等基础数据，无法直接通过链SDK获取浏览器所需的的全量信息。

为此，一个好的区块浏览器是需要支持在本地进行链上数据的加工与处理。

首先，通过对不同区块链底层的区块和交易数据等进行监听，当链上产生新区块时，监听系统可通过链SDK第一时间获取该区块的信息；随后，系统将相关数据进行缓存入库，按需设计多种统计逻辑以完成数据的加工统计。因此，区块链浏览器页面上的数据并非直接通过链上SDK直接请求获取，而是源于本地的列表数据和统计数据。

较于通用的直接通过链SDK获取的模式，我们更需要的是一个通过本地缓存区块数据并且加工链上数据的方式来显著提升前端对区块链浏览器数据获取速度，但对于这一方案读者可能会产生两个质疑：

**组件是定时获取链上SDK数据的，那就意味着本地数据与链上数据存在时差，这会影响使用体验么？