强大的JSON可视化工具

165 阅读1分钟

在日常开发中,JSON文件无处不在。但如何高效地浏览、搜索和理解这些文件呢?

JSON Hero是由Trigger.dev团队开发的开源Web应用,专为简化JSON数据的浏览和分析而生。它通过直观且功能丰富的用户界面,使用户能够轻松地探索和操作JSON文件。

主要功能:

  • 多视图浏览 :支持列视图、树视图和编辑器视图等多种方式查看JSON数据。
  • 快速搜索 :支持对JSON文件的键和值进行快速搜索。
  • 内容预览 :自动推断并展示字符串中的内容,如颜色、JSON URL等。
  • 智能预览 :自动推断字符串内容,提供日期、图像URL、网站链接等的预览。
  • JSON Schema推断 :创建推断出的JSON Schema,用于数据校验。
  • 共享链接 :生成支持路径的共享链接,方便数据共享。
  • 键盘操作 :支持键盘导航,提高操作效率。

安装使用:

  • 克隆项目仓库:
git clone https://github.com/triggerdotdev/jsonhero-web.git
  • 进入项目目录并安装依赖:
cd jsonhero-web
npm install
  • 创建 .env 文件并设置 SESSION_SECRET 值:
SESSION_SECRET=abc123
  • 构建项目并启动:
npm run build
npm start
  • 打开浏览器访问 http://localhost:8787 即可开始使用JSON Hero。

⚠️注意(需要设置成阿里源,qunar源无法下载依赖):

npm config set registry registry.npmmirror.com/