用 Docker飞牛NAS和服务器上搭建 JiSuXiang 在线开发者工具箱

对于开发者而言，日常工作中经常需要用到各种工具，比如 JSON 处理、编码解码、网络调试等。如果能有一个集成了这些高频使用工具的在线平台，无疑会极大提高工作效率。JiSuXiang 就是这样一款开源的在线开发者工具平台，本文将详细介绍如何在飞牛云或 VPS 上利用 Docker 来搭建它。

JiSuXiang 平台介绍

核心功能模块

• JSON 处理套件：具备结构化校验功能，能智能识别语法错误并自动格式化展示；还有动态编辑器，支持可视化修改与多格式互转。
• 编解码工具集：集成了 Base64、URL 等主流编码方式，可实现字符串的高效转换，同时支持 URL 编解码、Unicode 中文互转等。
• 网络调试工具：包含 API 模拟器，支持构造 HTTP 请求与响应分析；以及 IP 解析器，能快速获取 IP 所属地及网络信息。
• 时间管理组件：支持时间戳互转，可进行毫秒级时间格式转换；涵盖 400 + 时区的全球时区表，支持实时换算；还有日期计算器，能提供日期差值、推算等计算功能。
• 代码处理中心：有正则调试台，可即时测试与优化正则表达式；支持 15 + 编程语言的代码美化；以及文本分析仪，能统计字符数、词数、行数等基础信息。
• 可视化生成器：包含色彩系统，支持 HSL/RGB/HEX 模式切换；渐变构造器，可生成 CSS 渐变代码并实时预览；二维码生成器，支持尺寸、容错级别自定义。
• 效能增强工具：有图像压缩器，能智能压缩 PNG/JPG 文件体积；格式转换器，支持 Markdown 与 HTML 互转；加密工具箱，内置 AES、DES 等多种加密算法支持。

搭建前的准备条件

• 一台服务器或者 NAS，本文将使用飞牛云 NAS 和 VPS 来进行演示。
• 项目的 GitHub 仓库地址为https://github.com/star7th/jisuxiang，目前该项目已经获得了 257 个 stars。
• 域名（可选），可以根据自己的需求进行绑定。

具体搭建步骤

在飞牛 NAS 上搭建

1. 新建项目，命名为 “jisuxiang”。
2. 进行 compose 配置，配置内容如下：

services:
  jisuxiang:
    image: star7th/jisuxiang:latest  # 使用的镜像
    container_name: jisuxiang        # 容器名称
    restart: always                  # 总是自动重启容器（例如服务器重启后自动恢复）
    ports:
      - "3700:3000"                  # 映射端口：宿主机3700 -> 容器3000

3. 启动项目即可。

• https://proxy.1panel.live/
• https://docker.1panel.top/
• https://mirror.azure.cn/
• https://hub.rat.dev/
• https://docker.1ms.run
• https://docker.itelyou.cf/
• https://abc.itelyou.cf/
• https://docker.ywsj.tk/

在 VPS 上搭建

1. Docker 环境部署：在 VPS 上安装 Docker 和 Docker - Compose。
   • Docker 官方安装文档（英文）：https://duan.yyzq.eu.org/docker-001
   • Docker - Compose 官方安装文档（英文）：https://duan.yyzq.eu.org/docker-002
   • Centos 安装 Docker 和 Docker - Compose（中文）：https://duan.yyzq.eu.org//03
   • Ubuntu 安装 Docker 和 Docker - Compose（中文）：https://duan.yyzq.eu.org//04
     推荐直接使用一键脚本：
     Docker 安装脚本：
   bash <(curl -sSL https://cdn.jsdelivr.net/gh/SuperManito/LinuxMirrors@main/DockerInstallation.sh)
   

   Docker - Compose 安装脚本：
   curl -L "https://github.com/docker/compose/releases/latest/download/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-compose && chmod +x /usr/local/bin/docker-compose
   

2. 创建 docker - compose.yml 文件：
   mkdir jisuxiang;cd jisuxiang  # 创建一个目录，并进入此目录
   

   然后新建 docker - compose.yml：
   vim docker-compose.yml
   

   services:
     jisuxiang:
       image: star7th/jisuxiang:latest  # 使用的镜像
       container_name: jisuxiang        # 容器名称
       restart: always                  # 总是自动重启容器（例如服务器重启后自动恢复）
       ports:
         - "3700:3000"                  # 映射端口：宿主机3700 -> 容器3000
   

   执行容器运行命令：

   docker-compose up -d  # 运行容器
   

   可以使用以下命令查看是否开启成功：
   docker-compose ps
   正常启动会显示类似如下信息：
   docker-compose ps
   NAME        IMAGE                      COMMAND                  SERVICE     CREATED         STATUS         PORTS
   jisuxiang   star7th/jisuxiang:latest   "docker-entrypoint.s…"   jisuxiang   9 minutes ago   Up 9 minutes   0.0.0.0:3700->3000/tcp, [::]:3700->3000/tcp
   
3. 打开 web 页面使用：成功启动后，需要打开 VPS 相应的端口（3700）防火墙，然后就可以在 web 端访问了。在浏览器中输入http://ip:3700（其中 ip 为你的 VPS 的 IP 地址）进入初始化页面。