区块|如何设计一个完备的区块链浏览器( 二 ) 设计|区块|布比|hyperledger|区块

文章插图
via：FISCO-BCOS 浏览器
4. 智能合约（Contract）信息在具备图灵完备的区块链上，还有一种交易——基于智能合约（Contract）的交易，本质上是一种特殊的交易，但是其内容要比交易（Transaction）复杂的多。
合约信息的展示主要包括合约的名字、合约所用语言的版本以及代码内容等。不过就我调研的结果来看，这几个区块链浏览器上除了 Etherscan 外都没有公开该信息。
以 Etherscan 上的稳定币 USDT（炒过币的小伙伴一定都知道这个号称「和美元挂钩」的稳定币项目，它就是运行在以太坊上基于智能合约实现的 ERC20 Token 之一，还有当年的 EOS ，别说了都是泪……）
我们进入 USDT 项目的页面，会看到 Profile Summary 下有一个 Contract。

文章插图
点击进入，就能看到本 Contract 的一些信息，其中还包括了 USDT 项目使用 Solidity 语言编写的智能合约版本、源码、该合约的 ABI[6]等信息。

文章插图
5. 地址（Address）信息Address 的存在主要是给用户和普通互联网产品类似的「账户」体验，通过汇集该地址/账户项下的所有交易进行展示，一般包括基本信息和交易信息。

文章插图
via：布比区块链浏览器的区块信息

文章插图
via：Etherscan 浏览器的区块信息
区块链浏览器的基本架构基本就介绍完了，不过在实际设计中还需要我们根据自身需求做出取舍、或根据区块链数据进行衍生加工和挖掘。
浏览器是给人来用的，不是把所有的数据无规则的堆积上去、内容越多越好，而是能够最快且尽量完整的给到使用者想找的信息才是产品设计的目标。
References：
[1]以太坊上的Etherscan: https://etherscan.io/
[2]HyperLedger Fabric Blockchain-Explorer (超级账本的区块链浏览器项目): https://github.com/hyperledger/blockchain-explorer
[3]FISCO-BCOS: https://fisco-bcos-documentation.readthedocs.io/zh_CN/latest/docs/browser/browser.html
[4]蚂蚁区块链: https://antchain.antgroup.com/
[5]布比区块链浏览器: https://explorer.bubi.cn/
[6]ABI: 全称 Application Binary Interface，字面意思是应用程序二进制接口，可以通俗的理解为合约的接口说明，当合约被编译后，它对应的abi也就确定了。ABI有点类似于程序中的接口文档，描述了字段名称、字段类型、方法名称、参数名称、参数类型、方法返回值类型等
#专栏作家#张小璋，公众号：张小璋碎碎念（ID：SylvainZhang），人人都是产品经理专栏作家。野蛮生长的产品经理，专注于互联网金融领域。
本文原创发布于人人都是产品经理。未经许可，禁止转载。
题图来自 Unsplash，基于 CC0 协议