目 录CONTENT

文章目录

在飞牛云或者VPS用Docker搭建一个在线开发者工具箱-JiSuXiang

yyzq
2025-04-21 / 0 评论 / 1 点赞 / 211 阅读 / 1,433 字

前言

JiSuXiang 是一款开源的在线开发者工具平台,集成多种高频使用的开发辅助工具,涵盖 JSON 处理、编码解码、网络调试等核心场景。平台通过统一的交互界面整合常用开发功能,旨在为前端工程师、后端开发者及全栈程序员提供高效、便捷的开发支持。
类似的项目之前还分享过it-tools

界面

以下是与该项目相关的一些图片:
image-1745234964733
image-1745235005533
image-1745235025711

技术架构

平台采用现代化技术栈构建,具备良好的性能与扩展性:

Next.js 框架:支持服务端渲染(SSR)与静态站点生成(SSG),提升加载速度与 SEO 表现

TailwindCSS:构建响应式界面,适配多终端设备,提升开发效率

多语言支持:内置中英文切换,服务全球开发者

Docker 化部署:提供跨架构镜像,兼容 x86/x64 及 ARM 硬件环境,实现快速部署与扩展

核心功能模块

JiSuXiang 提供七大核心模块,覆盖常见的开发场景:

1. JSON 处理套件

结构化校验:智能识别语法错误,自动格式化展示

动态编辑器:支持可视化修改与多格式互转

2. 编解码工具集

集成 Base64、URL 等主流编码方式,实现字符串高效转换

3. 网络调试工具

API 模拟器:支持构造 HTTP 请求与响应分析

IP 解析器:快速获取 IP 所属地及网络信息

4. 时间管理组件

时间戳互转:支持毫秒级时间格式转换

全球时区表:涵盖 400+ 时区,支持实时换算

日期计算器:提供日期差值、推算等计算功能

5. 代码处理中心

正则调试台:即时测试与优化正则表达式

多语言格式化:支持 15+ 编程语言的代码美化

文本分析仪:统计字符数、词数、行数等基础信息

6. 可视化生成器

色彩系统:支持 HSL / RGB / HEX 模式切换

渐变构造器:生成 CSS 渐变代码,实时预览

二维码生成器:支持尺寸、容错级别自定义

7. 效能增强工具

图像压缩器:智能压缩 PNG / JPG 文件体积

格式转换器:支持 Markdown 与 HTML 互转

加密工具箱:内置 AES、DES 等多种加密算法支持

准备条件

1)一台服务器或者NAS
我们使用飞牛云NAS和VPS来演示
需要vps的可以看以下信息
莱卡云官网
2)本项目使用到的github
https://github.com/star7th/jisuxiang
image-1745235156023
目前已经257个 stars
更多功能可以访问GitHub
3)域名(可选)
域名可以根据自己的需求绑定

①《飞牛NAS上搭建》

直接在docker新增一个compose项目即可
新建项目:

jisuxiang

compose配置如下:

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

启动即可
image-1745235344137
正常启动
image-1745235354105

补充docker可用的镜像仓库

国内如果无法拉取镜像的可以使用
仓库1

https://proxy.1panel.live/

仓库2

https://docker.1panel.top/

仓库3

https://mirror.azure.cn/

仓库4

https://hub.rat.dev/

仓库5

https://docker.1ms.run

仓库6

https://docker.itelyou.cf/

仓库7

https://abc.itelyou.cf/

仓库8

https://docker.ywsj.tk/

②《vps上搭建》

一、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

二、创建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

四、打开web页面使用

成功以后需要打开自己相应的端口(3700)防火墙就可以web端访问了
打开自己VPS的端口加ip进入初始化页面

http://ip:3700

image-1745235448993

五、绑定域名

绑定域名可以参考
NginxProxyManager
https://duan.yyzq.eu.org//npm-ch
绑定完域名配置好证书就可以用域名来访问了

有任何问题可以直接留言或者问我
有任何问题可以直接留言或者问我
有任何问题可以直接留言或者问我

欢迎关注我们的微信公众号!
微信公众号

1

评论区