手把手教你使用IPFS web可视化工具：IPFS WebUI

在IPFS项目的组织架构中，有一个IPFS-GUI工作组，主要目的是开发IPFS可视化工具，并使工具更简单、更易用、更美观。

在GUI中有三个产品：webui，即web端访问工具；IPFS Desktop桌面可视化操作工具；以及IPFS Companion浏览器功能插件，当前支持Firefox、Chrome、Chromium、Brave的拓展。

昨天已经给大家介绍了IPFS Desktop的展示和使用，今天阿信将为大家介绍一下IPFS WebUI的使用，近期项目团队更新了下一个版本的界面，也给大家一起展现一下。

当前团队仅发布了下一个版本的WebUI的前端设计，节点代码中尚未实现新版本的访问，在本文中也会对新、旧版本做一个简单的对比。

IPFS WebUI是IPFS的Web界面，可以用来检查您的节点统计信息，展示由IPLD驱动的默克尔树结构，查看世界各地的节点并管理您的文件，而无需触摸命令行工具。

IPFS WebUI安装

WebUI是封装在IPFS原生程序中的，在go-ipfs库中和ipfs desktop、ipfs companion工具中都有封装。因此只要运行、安装好节点即可实现webui的访问，安装节点可以参考我以前分享的文章。本地节点搭建完成，并执行daemon启动节点后，即可通过浏览器输入地址http://localhost:5001/webui即可。

查看节点信息

旧版本节点信息

新版本节点信息

在旧版本中，节点信息界面仅展现了节点基本信息（节点Peer ID、节点公钥等）和链接的默认网关；

在新版本中新增了节点上行、下载速率，并生成了可视化图标，同时统计了IPFS全网节点在各个国家和地区的分布占比情况。

文件管理

旧版本文件管理

新版本文件管理

“files”页面提供了文件管理工具，在旧版本中可实现添加文件、创建文件夹操作，同时提供了重命名、删除文件的功能。

在新版本中增加了一键分享、下载等功能，同时界面操作更加人性化。

数据结构

旧版本数据结构页面

新版本数据结构页面

“DAG”页面（新版本中为“explore”），是用于展现文件的数据结构的。在搜索框中输入文件hash后，即可查看该文件在IPFS网络中存储的数据结构。

在旧版本中，仅展现了切片情况，切片后的数据块hash和每一个切块的大小。

在新版本中，新增展示了数据的默克尔树形结构。上图中是一个小文件的树形结构，待该版本的webui正式上线后，可以体验一下更为庞大的默克尔树有向无环图的视觉效果。

IPFS节点

旧版本节点信息页面

新版本节点信息页面

“peers”页面中显示了链接到所有IPFS节点，节点信息包含了节点hash、ip地址及地理位置等信息。新旧版本在前端展示上有所不同，新版本节点分布图由地球仪形式改成了平面的分布图；在节点信息的展现上更直观和美观。

设置

“setting”页面中可以对本地节点配置文件config文件进行编辑，新的版本升级了更美观的设计。config文件在本地节点.ipfs文件夹中也同样可以找到。

总的来说，新版的webui相比上一版本添加了很多功能，比如节点数据传输数据、文件分享等，同时增加了很多可视化图表，前端展现有了很大的提高，让我们一起期待。

IPFS原力区是全球第一大IPFS价值生态社区，总部位于上海，聚集了众多技术大咖和IPFS爱好者；IPFS原力区秉持：价值，共建，共赢，荣耀的文化理念；提供全面、精细、优质的IPFS咨询和技术支持，将生态中的爱好者转化为IPFS支持者和参与者。

未来，IPFS原力区做好价值文化基因传播、紧盯人工智能，量子计算，大数据等前沿科技，把IPFS区块链技术随时架设在最新的技术基础之上，推动IPFS生态的健康发展。

IPFS原力区官网：http://ipfsforce.com

IPFSER社区： http://ipfser.org

微博：http://weibo.com/ipfsforce

IPFS原力区

价值 · 共建 · 共享 · 荣耀