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:latest
    container_name: jsonhero-web
    restart: unless-stopped
    ports:
      - 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/