本文软件应网友 小超 的需求而制作,软件本身已经 2年未更新,请知悉~

什么是 zjson ?

转杰森(zjson) 是一个强大的 JSON 格式化和编辑工具,支持在线版和 Electron应用安装,使用 MEAN-STACK ( MongoDB + Express + Angular + NodeJS 技术栈 ) 开发。

软件特性

  • 支持错误的 JSON 解析及错误行号和错误类型提示;
  • 支持 python unicode 集合的解析;
  • 支持保存、删除和呈现格式化的历史;
  • 支持格式化后的 JSON 以文件的形式下载;
  • 支持中英文双语国际化;
  • 支持线上 JSON 分享;
  • 支持多种皮肤切换;
  • 支持 JSON 转义、压缩;
  • 支持 JSON 标准化析,把非标准 JSON(如:jsobject )转化为标准 JSON 格式;
  • 支持 JSON 对比(有与原码对比、与历史比对和与新建代码对比三种模式);
  • 还有更多的功能、配置、特性等你去发现!

如果不想自己搭建,官方还提供了演示网站:https://www.zjson.net/

构建镜像

如果你不想自己构建,可以跳过,直接阅读下一章节

官方没有提供镜像,所以只能自己编

构建过程中,依然借助了 ChatGPT 强大的解析能力,协助老苏排查编译中遇到的各种问题

# 第一阶段:构建应用
FROM node:16.5 AS build  # 改阿里源
RUN sed -i "s@http://deb.debian.org@http://mirrors.aliyun.com@g" /etc/apt/sources.list
RUN cat /etc/apt/sources.list
RUN rm -Rf /var/lib/apt/lists/*  # 安装 Python 和编译工具
RUN apt-get update && apt-get install -y \  python \  make \  g++  # 配置 Node.js 环境变量
ENV PATH="/usr/local/bin:${PATH}"  WORKDIR /app
COPY package*.json ./
RUN npm install --registry=https://registry.npm.taobao.org --disturl=https://electronjs.org/headers
COPY . .
RUN npm run build  # 第二阶段:生成生产环境镜像
FROM nginx:1.12-alpine
LABEL maintainer=laosu<wbsu2003@gmail.com>  COPY --from=build /app/dist /usr/share/nginx/html  EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]

这算是一个比较标准的前端 TypeScript 项目,但是在编译中遇到两个问题:

  • NodeJS 的版本:因为官方文档未涉及环境的描述,所以老苏用了 LTS 版,对应的是 18.5,过程中遇到报错信息 Error: error:0308010C:digital envelope routines::unsupported,回退到 16.5 可以正常通过;

  • npm 安装 electron 失败:错误信息中包含了 RequestError: connect ECONNREFUSED 140.82.112.3:443,这是因为默认的源 https://registry.npmjs.org 无法连接,通过 --disturl=https://electronjs.org/headers修改为了 Electronheaders 镜像;

这两个问题在 ChatGPT 的帮助下,很容易就解决了

# 下载原代码
git clone https://github.com/CN-Tower/zjson.git# 如果 github 慢或者访问不了
git clone https://ghproxy.com/github.com/CN-Tower/zjson.git# 进入目录
cd zjson# 构建镜像
docker build -t wbsu2003/zjson:v1 .# 生成容器
docker run -d \
--name=zjson \
-p 3590:80 \
wbsu2003/zjson:v1

安装

在群晖上以 Docker 方式安装。

在注册表中搜索 zjson ,选择第一个 wbsu2003/zjson,版本选择 latest

端口

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

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

命令行安装

如果你熟悉命令行,可能用 docker cli 更快捷

# 运行容器
docker run -d \--restart unless-stopped \--name zjson \-p 3590:80 \wbsu2003/zjson

也可以用 docker-compose 安装,将下面的内容保存为 docker-compose.yml 文件

version: '3'services:zjson:image: wbsu2003/zjsoncontainer_name: zjsonrestart: unless-stoppedports:- 3590:80

然后执行下面的命令

# 新建文件夹 zjson 和 子目录
mkdir -p /volume2/docker/zjson# 进入 zjson 目录
cd /volume2/docker/zjson# 将 docker-compose.yml 放入当前目录# 一键启动
docker-compose up -d

运行

在浏览器中输入 http://群晖IP:3590 就能看到主界面

左上角是一些设置

老苏用的还是上海的天气信息,地址:http://t.weather.itboy.net/api/weather/city/101020100

转换之后的效果,可阅读性强了不是一星半点

不过老苏毕竟不是程序员,我也不知道这个工具是不是好用

强大的JSON格式化和编辑工具zjson相关推荐

  1. json格式化和查看工具

    以前一直以来都觉得xml个可读性要比json的可读性好,后来使用了JSON Viewer这个小工具之后,发现自己错了.之前认为json的可读性差,完全是因为没有很好的查看工具.JSON Viewer这 ...

  2. notepad转换json_Notepad++的Json格式化插件

    安装  : 1.下载插件压缩包并解压出dll:Jsonviewer2.dll(64位)或NPPJSONViewer.dll(32位); 2..拷贝对应dll到Notepad++安装目录下的plugin ...

  3. mysql 导入json_JsonToMysql(json导入mysql数据库工具)

    JsonToMysql是款功能强大的json导入mysql数据库工具:用户在进行开发数据库.或者完成对相关的数据库维护的时候,经常需要将JSON的数据导入到数据库里面,如果没有专业的工具,就会对您的时 ...

  4. linux服务器返回json,Linux 命令行工具解析和格式化输出 JSON的方法

    JSON 是一种轻量级且与语言无关的数据存储格式,易于与大多数编程语言集成,也易于人类理解 -- 当然,如果格式正确的话.JSON 这个词代表 J ava S cript O bject N otat ...

  5. vscode json文件编辑工具

    vScode json编辑工具 VScode除了可以当做开发工具其实作为一个文本编辑工具来说也是不错的,之前一直是使用的sublime text作为文件编辑器,然后方向VScode加上各种插件之后好用 ...

  6. pdf签名无效解决办法_强大的PDF编辑工具Wondershare PDFelement

    Wondershare PDFelement是Macdown集到的一款Mac平台的全功能PDF编辑及转换工具,无论是PDF的格式转换还是PDF文件的编辑处理工作,都能轻松胜任,还具备OCR光学文字识别 ...

  7. JSON 格式化和校验工具

    简介 因为 JSON 数据相对于 XML 更加轻便同时也便于阅读.因此,在http请求.应用配置中使用十分广泛.而在JSON 数据的处理通常涉及到如下几点: JSON 的格式化处理,便于人类阅读: J ...

  8. Wondershare PDFelement for Mac v8.6.1 中文版 – 强大的PDF编辑工具

    PDFelement Pro是一款Mac平台的全功能PDF编辑及转换工具,无论是PDF的格式转换还是PDF文件的编辑处理工作,都能轻松胜任,还具备OCR光学文字识别功能,PDF转换功能包括将PDF文件 ...

  9. Wondershare PDFelement for Mac v8.5.1 强大的PDF编辑工具 支持 M1

    PDFelement Pro是Mac毒搜集到的一款Mac平台的全功能PDF编辑及转换工具,无论是PDF的格式转换还是PDF文件的编辑处理工作,都能轻松胜任,还具备OCR光学文字识别功能,PDF转换功能 ...

最新文章

  1. 前端Vue学习之路(二)-Vue-router路由
  2. 简单的5*5,五子棋小游戏
  3. python3 try语句相关 (try/except/else/finally)
  4. Winform自动更新组件分享
  5. 二分查找离左边元素最近的(可以等于)
  6. [react] 给组件设置很多属性时不想一个个去设置有什么办法可以解决这问题呢?
  7. Android官方开发文档Training系列课程中文版:分享文件之配置文件共享
  8. php的数据模型包括,数据库中模型的分类有哪些
  9. EditPlus构建轻量级编译环境
  10. 做一个关于我和她微信聊天记录的爱心词云图
  11. python 文案自动生成_Python应用 | 利用COM技术自动生成IBM i2舞弊关系分析图表
  12. SpringBoot入门(四)——自动配置
  13. JavaScript汉字Unicode编码相互转换
  14. ECMAscript6入门(1)
  15. jqgrid dataevents change 只触发一次_王者荣耀:最难触发的4个被动,张飞上榜,他:我太难了!...
  16. python辗转相除法求最大公约数_vb编程实现用辗转相除法求两个数a和b的最大公约数...
  17. java 修改分辨率_Java屏幕分辨率更改
  18. ps做手机计算机界面,【炼真金】PS如何做出这种有厚度的手机APP 界面图
  19. 假装自己升级了Win11~
  20. 操作系统-软件架构设计

热门文章

  1. 中国内地所有必胜客餐厅将停用塑料吸管;开元旗下开业酒店突破300家 | 美通企业日报...
  2. Table ‘ambari.members‘ doesn‘t exist 解决方法
  3. UBUNTU软件出现崩溃的问题
  4. R语言学习笔记——高级篇:第十四章-主成分分析和因子分析
  5. PHP_MVC框架开发,nosql学习,mysql优化,以及高并发web架构处理
  6. Jaeger的客户端采样配置(Java版)(1),看这篇文章准没错
  7. 2020年,PS平面设计快捷键最新最全使用攻略
  8. [转]医保 北京医保存折如何取钱
  9. 无线服务器功能,索尼WG-C20无线服务器 功能介绍
  10. QT应用编程: 编写MQTT客户端登录OnetNet服务器完成主题订阅与发布