搭建一个自己的在线开发工具箱 IT-Tools

介绍

it-tools 项目采用 Vue.js（Vue 3）和 Naive UI 组件库开发，汇集了对开发人员和 IT 从业者有用的工具。它免费、界面清爽、功能丰富，支持包括中文在内的多国语言，提供了加密、转化器、网络、文本等开发常用工具。

Github 地址：GitHub - CorentinTh/it-tools: Collection of handy online tools for developers, with great UX.

功能特性

• Crypto（加密）工具类，包含 token 生成、哈希文本、UUID 生成、加密解密文本等 9 个不同的功能。
• Converter（转化）工具类，包含 Yaml 转化器，Json 转化器，Base64 转化器等 12 种不同的功能。
• Web（网站）工具类，包含 Url 格式编码解码，用户代理解析器，网址解析器等 15 种不同的功能。
• Mages and Videos （图片与视频）工具类，包含 SVG 占位符生成器，二维码生成器等 3 种不同功能。
• Development 工具类，包含 Docker run 到 Docker compose 转换器，定时任务生成器，SQL 美化与格式化等 10 种不同功能。
• 另外还有 Network（网络）工具类，Math（数学）工具类，Measurement（测量）工具类，文本工具类，数据工具类等

快速使用

准备工作

• 服务器

  Vultr 购买：https://www.vultr.com/

• SSH 连接工具（可选）

  FinalShell 下载：http://www.hostbuf.com/t/988.html

• 域名（可选）

  域名购买：https://www.namesilo.com

  域名解析：https://www.cloudflare.com

• 反向代理工具（可选）

  NPM 下载：https://nginxproxymanager.com/

以上提供的链接或工具仅作为示例，具体情况请按照需选用

环境配置

• Docker 安装文档
• Docker Compose 安装文档

创建容器

1. 在系统任意位置创建一个文件夹（可选）

mkdir -p /opt/docker/itTools && cd /opt/docker/itTools

mkdir ./{conf,data,logs}

注意：后续操作中，产生的所有数据都会保存在这个目录，请妥善保存。

2. 创建 docker-compose.yaml

version: "3"
services:
    it-tools:
        container_name: it-tools
        restart: unless-stopped
        ports:
            - 8080:80
        image: corentinth/it-tools:latest

3. 启动服务

docker-compose up -d

实时查看日志：

docker-compose logs -f

4. 使用浏览器访问即可

如果需要配置域名访问，建议先配置好反向代理以及域名解析再进行初始化。如果通过 http://ip:端口号 的形式无法访问，请到服务器厂商后台将运行的端口号添加到安全组，如果服务器使用了 Linux 面板，请检查此 Linux 面板是否有还有安全组配置，需要同样将端口号添加到安全组。

更新容器

1. 停止运行中的容器

   cd /opt/docker/itTools && docker-compose down
   

2. 备份数据（重要）

   cp -r /opt/docker/itTools itTools.archive
   

3. 更新服务

   修改 docker-compose.yaml 中配置的镜像版本

   拉取镜像：

   cd /opt/docker/itTools && docker-compose pull
   

   重启服务：

   cd /opt/docker/itTools && docker-compose up -d
   

FAQ

参考文献

• 搭建一个自己的在线开发工具箱：it-tools