JSON Crack 使用指南:一款优雅的 JSON 可视化工具


阿拉平平

读完需要

4

分钟

速读仅需 2 分钟


我之前分享过一个终端 JSON 查看器:fx。这个工具默认会将数据折叠起来,我们可以按需展开。此外,工具还集成了多种配色方案,可以清晰地展示数据。
不过最近在 GitHub 上,我又发现了另外一款 JSON 可视化工具:JSON Crack。与终端工具相比,JSON Crack 则是采用了更为优雅的形式来展示数据。


1. 项目介绍

   

JSON Crack[1] 是一个开源的 JSON 可视化工具,能够以导图的形式来展示数据。此外,工具还支持节点搜索、导出图片、分享链接等操作。本文将介绍 JSON Crack 的安装和使用方法。


2. 下载安装

   

JSON Crack 支持通过源码构建或者容器来安装,这里采用后者。

下载最新版本的代码:

git clone https://github.com/AykutSarac/jsoncrack.com.git

进入目录并构建镜像:

cd jsoncrack.com/
docker build -t jsoncrack .
镜像构建完成后,启动服务:
docker run -d -p 8888:8080 jsoncrack
服务启动后,在浏览器中输入 http://<server-ip>:8888/editor 来访问编辑页。

JSON Crack 使用指南:一款优雅的 JSON 可视化工具


3. 使用说明

   

从示例可见,JSON Crack 很直观地展示了数据。接下来,让我们看看要怎么使用。


3.1 导入数据

   

如果数据量不大,可以将 JSON 数据直接复制到左侧的面板,JSON Crack 会对其进行校验。如果数据量较大,则可以使用远程连接或上传文件的方式来导入数据。
点击侧边栏的『Import File』,根据自己的需求导入数据:

JSON Crack 使用指南:一款优雅的 JSON 可视化工具


3.2 节点搜索

   

JSON Crack 支持节点搜索。通过输入关键字,工具会标记对应的节点,结果一目了然:

JSON Crack 使用指南:一款优雅的 JSON 可视化工具
当我们点击节点时,可以查看并复制这些数据,但不支持直接修改:

JSON Crack 使用指南:一款优雅的 JSON 可视化工具


3.3 节点折叠

   

JSON Crack 默认不会对节点进行折叠,但对于复杂的数据,我们可以先将其折叠,再逐层展开。
点击侧边栏的『Collapse Graph』,可以折叠所有数据:

JSON Crack 使用指南:一款优雅的 JSON 可视化工具


3.4 下载导图

   

如果需要下载导图,可以点击右上角的下载图标,填写图片名,选择背景色,然后下载:

JSON Crack 使用指南:一款优雅的 JSON 可视化工具


4. 写在最后

   

可以看到,JSON Crack 的功能其实很简单,核心就是将数据转换成直观的导图形式。JSON Crack 本质是一个可视化工具,并不具备数据处理功能。如果你刚好需要一个 JSON 可视化工具,那么 JSON Crack 是一个不错的选择。

References

[1] JSON Crackhttps://github.com/AykutSarac/jsoncrack.com

原文始发于微信公众号(阿拉平平):JSON Crack 使用指南:一款优雅的 JSON 可视化工具

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/287380.html

(0)
码上实战的头像码上实战

相关推荐

发表回复

登录后才能评论
极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!