JSON可视化管理工具JSON Hero

2023-11-11 10:28

本文主要是介绍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,另外还有 devstable 版;

在这里插入图片描述

端口

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

# 查看端口占用
netstat -tunlp | grep 端口号
本地端口容器端口
87878787

在这里插入图片描述

命令行安装

如果你熟悉命令行,可能用 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:latestcontainer_name: jsonhero-webrestart: unless-stoppedports:- 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/

这篇关于JSON可视化管理工具JSON Hero的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!


原文地址:
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.chinasem.cn/article/389396

相关文章

详解MySQL中JSON数据类型用法及与传统JSON字符串对比

《详解MySQL中JSON数据类型用法及与传统JSON字符串对比》MySQL从5.7版本开始引入了JSON数据类型,专门用于存储JSON格式的数据,本文将为大家简单介绍一下MySQL中JSON数据类型... 目录前言基本用法jsON数据类型 vs 传统JSON字符串1. 存储方式2. 查询方式对比3. 索引

C#解析JSON数据全攻略指南

《C#解析JSON数据全攻略指南》这篇文章主要为大家详细介绍了使用C#解析JSON数据全攻略指南,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录一、为什么jsON是C#开发必修课?二、四步搞定网络JSON数据1. 获取数据 - HttpClient最佳实践2. 动态解析 - 快速

MySQL 8 中的一个强大功能 JSON_TABLE示例详解

《MySQL8中的一个强大功能JSON_TABLE示例详解》JSON_TABLE是MySQL8中引入的一个强大功能,它允许用户将JSON数据转换为关系表格式,从而可以更方便地在SQL查询中处理J... 目录基本语法示例示例查询解释应用场景不适用场景1. ‌jsON 数据结构过于复杂或动态变化‌2. ‌性能要

Spring的RedisTemplate的json反序列泛型丢失问题解决

《Spring的RedisTemplate的json反序列泛型丢失问题解决》本文主要介绍了SpringRedisTemplate中使用JSON序列化时泛型信息丢失的问题及其提出三种解决方案,可以根据性... 目录背景解决方案方案一方案二方案三总结背景在使用RedisTemplate操作redis时我们针对

Python包管理工具pip的升级指南

《Python包管理工具pip的升级指南》本文全面探讨Python包管理工具pip的升级策略,从基础升级方法到高级技巧,涵盖不同操作系统环境下的最佳实践,我们将深入分析pip的工作原理,介绍多种升级方... 目录1. 背景介绍1.1 目的和范围1.2 预期读者1.3 文档结构概述1.4 术语表1.4.1 核

MySQL查询JSON数组字段包含特定字符串的方法

《MySQL查询JSON数组字段包含特定字符串的方法》在MySQL数据库中,当某个字段存储的是JSON数组,需要查询数组中包含特定字符串的记录时传统的LIKE语句无法直接使用,下面小编就为大家介绍两种... 目录问题背景解决方案对比1. 精确匹配方案(推荐)2. 模糊匹配方案参数化查询示例使用场景建议性能优

解决未解析的依赖项:‘net.sf.json-lib:json-lib:jar:2.4‘问题

《解决未解析的依赖项:‘net.sf.json-lib:json-lib:jar:2.4‘问题》:本文主要介绍解决未解析的依赖项:‘net.sf.json-lib:json-lib:jar:2.4... 目录未解析的依赖项:‘net.sf.json-lib:json-lib:jar:2.4‘打开pom.XM

python常见环境管理工具超全解析

《python常见环境管理工具超全解析》在Python开发中,管理多个项目及其依赖项通常是一个挑战,下面:本文主要介绍python常见环境管理工具的相关资料,文中通过代码介绍的非常详细,需要的朋友... 目录1. conda2. pip3. uvuv 工具自动创建和管理环境的特点4. setup.py5.

Python包管理工具核心指令uvx举例详细解析

《Python包管理工具核心指令uvx举例详细解析》:本文主要介绍Python包管理工具核心指令uvx的相关资料,uvx是uv工具链中用于临时运行Python命令行工具的高效执行器,依托Rust实... 目录一、uvx 的定位与核心功能二、uvx 的典型应用场景三、uvx 与传统工具对比四、uvx 的技术实

SpringBoot排查和解决JSON解析错误(400 Bad Request)的方法

《SpringBoot排查和解决JSON解析错误(400BadRequest)的方法》在开发SpringBootRESTfulAPI时,客户端与服务端的数据交互通常使用JSON格式,然而,JSON... 目录问题背景1. 问题描述2. 错误分析解决方案1. 手动重新输入jsON2. 使用工具清理JSON3.