JSON可视化管理工具JSON Hero

本文软件由网友 zxc 推荐;

什么是 JSON Hero ?

JSON Hero 是一个简单实用的 JSON 工具,通过简介美观的 UI 及增强的额外功能,使得阅读和理解 JSON 文档变得更容易、直观。

主要功能

  • 支持多种视图以便查看 JSON:列视图、树视图、JSON 视图等列视图是受 macOS Finder 启发创建的一种浏览 JSON 文档的新方法
  • JSON Hero 支持 JSON 数据的语法高亮,使数据更具可读性。
  • 自动推断字符串的内容并提供有用的预览
  • 自动推断 JSON 的内容、类型并提供有用的建议
  • 快速扫描相关知识并检查边缘情况
  • 支持检索 JSON 文件
  • 支持使用键盘进行操控
  • 可生成段路径 URL 轻松与他人共享自己的 JSON 文件

安装

在群晖上以 Docker 方式安装。

在注册表中搜索 jsonhero-web ,选择第一个 henryclw/jsonhero-web,版本选择 latest

本文写作时, latest 版本对应为 main,另外还有 devstable 版;

端口

本地端口不冲突就行,不确定的话可以用命令查一下

1
2
# 查看端口占用
netstat -tunlp | grep 端口号
本地端口 容器端口
8787 8787

命令行安装

如果你熟悉命令行,可能用 docker cli 更快捷

1
2
3
4
5
6
# 运行容器
docker run -d \
--restart unless-stopped \
--name jsonhero-web \
-p 8787:8787 \
henryclw/jsonhero-web:latest

也可以用 docker-compose 安装,将下面的内容保存为 docker-compose.yml 文件

1
2
3
4
5
6
7
8
9
version: '3'

services:
jsonhero-web:
image: henryclw/jsonhero-web:latest
container_name: jsonhero-web
restart: unless-stopped
ports:
- 8787:8787

然后执行下面的命令

1
2
3
4
5
6
7
8
9
10
# 新建文件夹 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.tech/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/