Sub-web 终极部署指南:Docker容器化与本地开发环境完整教程
Sub-web 终极部署指南Docker容器化与本地开发环境完整教程Sub-web是一个基于Vue.js和subconverter后端实现的配置自动生成工具能够帮助用户快速生成订阅配置。作为GitHub加速计划的重要组件sub-web部署简单且功能强大支持多种部署方式。本文将详细介绍两种最实用的部署方法Docker容器化部署和本地开发环境部署。 系统要求与准备工作在开始部署之前请确保您的系统满足以下基本要求Docker部署要求Docker 23.0.4或更高版本支持Linux、Windows或macOS系统本地开发环境要求Node.js 22.x版本Yarn 1.22.22或更高版本现代Web浏览器 Docker容器化部署方法Docker部署是最简单快捷的方式适合生产环境使用。通过以下步骤即可完成部署快速启动Docker容器使用官方镜像一键启动sub-web服务docker run -d -p 58080:80 --restart always --name subweb careywong/subweb:latest自定义Docker镜像构建如需修改代码或进行自定义配置可以构建本地镜像# 克隆项目代码 git clone https://gitcode.com/gh_mirrors/su/sub-web cd sub-web # 构建自定义镜像 docker build -t subweb-local:latest . docker run -d -p 58080:80 --restart always --name subweb subweb-local:latestDocker Compose集成部署项目提供了完整的Docker Compose配置位于services/docker-compose.yaml支持sub-web与MyUrls短链接服务的协同部署。 本地开发环境部署对于开发者或需要定制功能的用户本地部署提供了更大的灵活性。环境验证与依赖安装首先验证Node.js和Yarn环境node -v yarn -v安装项目依赖yarn install本地开发服务器启动启动开发服务器进行测试yarn serve启动后在浏览器中访问http://localhost:8080/即可使用sub-web服务。 生产环境部署指南项目构建与打包执行构建命令生成生产环境文件yarn build构建完成后会在项目根目录生成dist文件夹包含所有静态资源。Nginx服务器配置将dist目录部署到Web服务器以下是Nginx配置示例server { listen 80; server_name example.com; root /var/www/http/sub-web/dist; index index.html index.htm; error_page 404 /index.html; gzip on; gzip_min_length 1k; gzip_buffers 4 16k; gzip_http_version 1.0; gzip_comp_level 6; gzip_types text/plain text/css text/javascript application/json application/javascript application/x-javascript application/xml; gzip_vary on; location ~* \.(css|js|png|jpg|jpeg|gif|gz|svg|mp4|ogg|ogv|webm|htc|xml|woff)$ { access_log off; add_header Cache-Control public,max-age30*24*3600; } } 核心配置文件说明默认后端配置src/views/Subconverter.vue 中的defaultBackend参数环境变量配置通过.env文件管理后端服务地址组件模块src/components/ 包含所有UI组件服务层src/services/ 处理业务逻辑 部署方案对比部署方式适用场景优点缺点Docker容器生产环境部署简单、环境隔离定制性较差本地开发开发测试灵活定制、调试方便环境配置复杂 最佳实践建议Docker部署推荐用于快速部署和稳定运行本地开发适合二次开发和功能定制混合部署开发阶段使用本地环境生产环境使用Docker通过本指南您可以根据实际需求选择合适的部署方式快速搭建属于自己的sub-web服务。无论是简单的Docker一键部署还是完整的本地开发环境都能满足不同用户的使用需求。✨无论选择哪种部署方式sub-web都能为您提供稳定可靠的配置生成服务助力您的GitHub加速体验创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考