章
目
录
JSON数据格式开发和处理极为常见，今天给大家分享如何利用Docker部署一款实用的JSON可视化管理工具——JSON Hero，这样我们处理JSON数据的时候就更方便直观了。
一、JSON Hero工具
（一）工具简介
JSON Hero是由Trigger.dev团队精心打造并维护的JSON查看与编辑工具，它有着美观且功能丰富的用户界面，能帮我们更高效地处理JSON数据。
（二）工具特点
- 多种视图模式：支持列视图、树视图、编辑视图等多种展示方式，不管你是想查看数据结构，还是进行编辑操作，都能找到合适的视图。
- 智能预览：能自动分析字符串内容，并给出有用的预览，让你更快理解数据含义。
- 生成JSON模式：可以自动生成JSON模式，用它来验证JSON数据结构是否正确，避免数据出现错误。
- 快速扫描：能快速扫描相关数据值，检查数据的边缘情况，保证数据的一致性。
- 强大搜索功能：支持对JSON文件中的键和值进行搜索，方便快速定位到你需要的信息。
- 键盘导航操作：完全支持键盘操作，熟练使用快捷键能大大提高工作效率。
- 分享功能便捷：提供带路径支持的可共享URL，团队成员之间协作查看和编辑JSON文件变得更方便。
（三）主要使用场景
- 开发调试：开发人员在查看API响应数据时，用JSON Hero能快速发现数据格式是否正确，帮助调试程序。
- 数据验证：借助自动生成的JSON模式，对数据的合法性和结构进行验证，确保数据质量。
- 团队协作：团队成员通过共享URL，能一起查看和编辑JSON文件，提升协作效率。
- 数据分析：在处理大数据集时，可以快速查找和分析特定信息，提高数据分析的效率。
二、实践规划
（一）本地环境规划
本次实践在个人测试环境下进行，使用的操作系统是Ubuntu 22.04.1。具体环境信息如下：
| 主机名 | IP地址 | 操作系统版本 | Docker版本 | 镜像版本 |
|---|---|---|---|---|
| jeven01 | 192.168.3.88 | Ubuntu 22.04.1 LTS | 27.1.1 | latest |
（二）实践内容介绍
本次实践主要是在Docker环境下部署JSON Hero工具。不过要注意，这里是个人测试环境的部署方法，生产环境部署时需要谨慎操作。
三、本地环境检查
（一）检查Docker服务状态
首先要确保Docker服务正常运行，在终端输入以下命令检查：
root@jeven01:~# systemctl status docker
如果看到服务状态是“active (running)”，就说明Docker服务正在运行。
（二）检查Docker版本
接着检查Docker的版本，在终端输入：
root@jeven01:~# docker -v
确保版本符合要求，本次实践中Docker版本为27.1.1 。
（三）检查docker compose版本
还要检查docker compose的版本，在终端输入：
root@jeven01:~# docker compose version
要保证版本在2.0以上，本次实践中docker compose版本为2.19.1。
四、下载JSON Hero镜像
准备工作完成后，就可以拉取JSON Hero镜像了。在终端输入以下命令：
root@jeven01:~# docker pull henryclw/jsonhero-web:latest
等待下载完成，状态显示“Image is up to date for henryclw/jsonhero-web:latest”，说明镜像下载成功。
五、部署JSON Hero应用
（一）创建部署目录
在本地创建一个专门的部署目录，方便管理相关文件。在终端输入：
mkdir -p /data/json_hero && cd /data/json_hero
（二）编辑部署文件
这里提供两种部署方式。如果使用docker-cli部署，可以参考以下命令：
docker run -d \
--restart always \
--name jsonhero-web \
-p 9500:8787 \
henryclw/jsonhero-web:latest
另外，也可以在部署目录下创建docker-compose.yaml文件进行部署，宿主机映射端口等参数可以根据自己的需求自定义配置。在终端输入vim docker-compose.yaml，然后写入以下内容：
version: '3'
services:
jsonhero-web:
image: henryclw/jsonhero-web:latest
container_name: jsonhero-web
restart: always
ports:
- 9500:8787
（三）创建JSON Hero容器
配置好部署文件后，在终端执行以下命令创建JSON Hero容器：
root@jeven01:/data/json_hero# docker compose up -d
看到“[+] Running 2/2”以及容器启动成功的提示，说明容器创建成功。
（四）查看JSON Hero容器状态
创建好容器后，检查一下容器状态，确保其正常启动。在终端输入：
root@jeven01:/data/json_hero# docker compose ps
如果看到容器状态为“Up”，且端口映射正常，就表示容器启动成功。
（五）查看JSON Hero容器日志
为了进一步确认JSON Hero服务是否正常运行，可以查看容器日志。在终端输入：
docker compose logs
查看日志内容，如果没有报错信息，就说明服务运行正常。
六、访问JSON Hero服务
（一）访问JSON Hero主页
容器部署成功后，就可以访问JSON Hero服务了。在浏览器中输入访问地址：http://192.168.3.88:9500，记得把IP替换成你自己服务器的IP地址。如果无法正常访问，检查一下宿主机的防火墙是否关闭，或者是否放行相关端口。如果是云服务器，还需要设置安全组规则。
（二）上传json文件
访问成功后，就可以上传本地的JSON文件进行查看和编辑了。比如，我们使用以下测试JSON文件：
{
"person": {
"name": "张三",
"age": 30,
"email": "zhangsan@example.com",
"address": {
"street": "幸福路123号",
"city": "北京",
"country": "中国"
},
"hobbies": ["阅读", "编程", "旅行"],
"is_student": false
}
}
上传后，就能在JSON Hero中以多种视图模式查看和编辑这个文件了。
七、总结
通过这次实践可以发现，利用Docker部署JSON Hero非常方便。Docker简化了环境配置和依赖管理，能快速搭建并运行JSON Hero。而JSON Hero本身友好的用户界面、丰富的功能，也让JSON数据的查看和编辑变得更加高效。希望大家通过这篇文章，能顺利部署并使用JSON Hero，json处理起来更方便。
