JSON数据格式开发和处理极为常见，今天给大家分享如何利用Docker部署一款实用的JSON可视化管理工具——JSON Hero，这样我们处理JSON数据的时候就更方便直观了。

一、JSON Hero工具

（一）工具简介

JSON Hero是由Trigger.dev团队精心打造并维护的JSON查看与编辑工具，它有着美观且功能丰富的用户界面，能帮我们更高效地处理JSON数据。

（二）工具特点

1. 多种视图模式：支持列视图、树视图、编辑视图等多种展示方式，不管你是想查看数据结构，还是进行编辑操作，都能找到合适的视图。
2. 智能预览：能自动分析字符串内容，并给出有用的预览，让你更快理解数据含义。
3. 生成JSON模式：可以自动生成JSON模式，用它来验证JSON数据结构是否正确，避免数据出现错误。
4. 快速扫描：能快速扫描相关数据值，检查数据的边缘情况，保证数据的一致性。
5. 强大搜索功能：支持对JSON文件中的键和值进行搜索，方便快速定位到你需要的信息。
6. 键盘导航操作：完全支持键盘操作，熟练使用快捷键能大大提高工作效率。
7. 分享功能便捷：提供带路径支持的可共享URL，团队成员之间协作查看和编辑JSON文件变得更方便。

（三）主要使用场景

1. 开发调试：开发人员在查看API响应数据时，用JSON Hero能快速发现数据格式是否正确，帮助调试程序。
2. 数据验证：借助自动生成的JSON模式，对数据的合法性和结构进行验证，确保数据质量。
3. 团队协作：团队成员通过共享URL，能一起查看和编辑JSON文件，提升协作效率。
4. 数据分析：在处理大数据集时，可以快速查找和分析特定信息，提高数据分析的效率。

二、实践规划

（一）本地环境规划

本次实践在个人测试环境下进行，使用的操作系统是Ubuntu 22.04.1。具体环境信息如下：

（二）实践内容介绍

本次实践主要是在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处理起来更方便。