JSON可视化管理工具JSON Hero

什么是 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 版;

图片

端口

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

# 查看端口占用 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/
来源—–杨浦老苏

暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇