JSON可视化管理工具JSON Hero
本文软件由网友
zxc推荐；
什么是 JSON Hero ？
JSON Hero是一个简单实用的JSON工具，通过简介美观的UI及增强的额外功能，使得阅读和理解JSON文档变得更容易、直观。
主要功能
- 支持多种视图以便查看
JSON：列视图、树视图、JSON视图等列视图是受macOS Finder启发创建的一种浏览JSON文档的新方法 JSON Hero支持JSON数据的语法高亮，使数据更具可读性。- 自动推断字符串的内容并提供有用的预览
- 自动推断
JSON的内容、类型并提供有用的建议 - 快速扫描相关知识并检查边缘情况
- 支持检索
JSON文件 - 支持使用键盘进行操控
- 可生成段路径
URL轻松与他人共享自己的JSON文件
JsonHero 功能演示
安装
在群晖上以 Docker 方式安装。
在注册表中搜索 jsonhero-web ，选择第一个 henryclw/jsonhero-web，版本选择 latest。
本文写作时，
latest版本对应为main，另外还有dev和stable版；
端口
本地端口不冲突就行，不确定的话可以用命令查一下
# 查看端口占用
netstat -tunlp | grep 端口号
| 本地端口 | 容器端口 |
|---|---|
8787 | 8787 |
命令行安装
如果你熟悉命令行，可能用 docker cli 更快捷
# 运行容器
docker run -d \--restart unless-stopped \--name jsonhero-web \-p 8787:8787 \henryclw/jsonhero-web:latest
也可以用 docker-compose 安装，将下面的内容保存为 docker-compose.yml 文件
version: '3'services:jsonhero-web:image: henryclw/jsonhero-web:latestcontainer_name: jsonhero-webrestart: unless-stoppedports:- 8787:8787
然后执行下面的命令
# 新建文件夹 jsonhero-web
mkdir -p /volume1/docker/jsonhero-web# 进入 jsonhero-web 目录
cd /volume1/docker/jsonhero-web# 将 docker-compose.yml 放入当前目录# 一键启动
docker-compose up -d
刚开始的时候，资源会有一个飙升的过程
从日志看，似乎有个 build 的过程
运行
在浏览器中输入 http://群晖IP:8787 就能看到主界面
老苏博客上，正好有一个搜索文件可以用来测试，https://laosu.cf/search.json
填好地址，点 GO 按钮
可以看到一共有 5 个字段
其中 context 就是文章的内容
如果你将 search.json 下载之后再拖入，会没有反应，虽然没有报错，但是也不会打开，而测试小文件几乎是秒开的
MeiliSearch 官方提供了一个电影数据库 movie.json ，文件下载地址：https://www.meilisearch.com/movies.json
这个文件下载了大约有 15M，在线打开这个文件是会报错的，但老苏没有找到官方关于 json 文件大小的说明
另外，这几个示例可能没有打包在镜像里
当你点击这几个示例时，也是会报错的
官方源码网站提供了大量的截图和动图，可以很快理解并上手
参考文档
Issues · triggerdotdev/jsonhero-web
地址：https://github.com/triggerdotdev/jsonhero-web/
JSON Viewer - JSON Hero
地址：https://jsonhero.io/