当前位置：首页 > news >正文

sub-web Docker容器化终极指南：从开发到部署的完整实践

news 2026/7/17 16:03:41

sub-web Docker容器化终极指南：从开发到部署的完整实践

sub-web是一个基于Vue.js构建的订阅链接转换工具，通过Docker容器化技术可以快速部署和运行。本文将详细介绍如何使用Docker将sub-web项目从开发环境打包到生产部署的全流程。

🚀 为什么选择Docker容器化？

Docker容器化技术为sub-web项目带来了革命性的部署体验。通过容器化，您可以实现：

环境一致性：确保开发、测试、生产环境完全一致
快速部署：一键启动，无需复杂的环境配置
资源隔离：独立运行环境，避免依赖冲突
可扩展性：轻松实现水平扩展和负载均衡

📦 项目结构与核心文件

sub-web项目采用现代化的前端架构，主要包含以下关键文件：

Dockerfile：定义容器构建过程的多阶段构建文件
services/docker-compose.yaml：编排多个服务的配置文件
package.json：项目依赖和构建脚本配置

🔧 Dockerfile深度解析

sub-web的Dockerfile采用多阶段构建策略，确保最终镜像的精简和高效：

# ---- Dependencies ---- FROM node:22-alpine AS build WORKDIR /app COPY . . RUN yarn install RUN yarn build FROM nginx:1.24-alpine COPY --from=build /app/dist /usr/share/nginx/html EXPOSE 80 CMD [ "nginx", "-g", "daemon off;" ]

构建阶段详解

第一阶段：构建阶段

使用Node.js 22 Alpine镜像作为构建环境
安装项目依赖并执行构建命令
生成静态资源文件到dist目录

第二阶段：运行阶段

使用轻量级Nginx Alpine镜像
从构建阶段复制构建产物
配置Nginx服务并暴露80端口

🎯 一键部署实战

单容器部署

使用Docker Compose快速启动sub-web服务：

version: "3" services: subweb: build: ../. container_name: subweb restart: always ports: - "${SUBWEB_PORT}:80"

多服务编排

sub-web支持与myurls短链接服务协同部署：

myurls: image: "careywong/myurls:latest" container_name: myurls restart: always ports: - "${MYURLS_PORT}:8002" depends_on: - myurls-redis

⚙️ 环境配置与优化

关键环境变量

SUBWEB_PORT：设置sub-web服务端口
MYURLS_PORT：配置短链接服务端口
MYURLS_DOMAIN：定义短链接域名
MYURLS_TTL：设置链接有效期

性能优化建议

镜像大小优化：使用Alpine基础镜像减小体积
构建缓存利用：合理利用Docker层缓存加速构建

资源压缩：启用Gzip压缩提升加载速度
健康检查：配置容器健康检查确保服务可用性

🔄 持续集成与部署

将sub-web集成到CI/CD流水线中：

# GitHub Actions示例 jobs: build: runs-on: ubuntu-latest steps: - uses: actions/checkout@v2 - name: Build Docker image run: docker build -t sub-web . - name: Deploy to production run: docker-compose up -d