ci: 添加 Epic UI 构建和部署工作流

- 新增 CI/CD 工作流文件,实现前端项目的自动构建和部署
- 支持 main、master 和 develop 分支的自动构建- 包含代码检出、环境安装、依赖管理、项目构建等步骤
- 实现构建产物的自动部署和 Docker 容器重启
This commit is contained in:
hu xiaotong
2025-07-08 13:09:05 +08:00
parent 8db181a615
commit 33c8b6d38b
2 changed files with 71 additions and 4 deletions

View File

@@ -14,6 +14,11 @@ jobs:
env: env:
# 指定容器将工具缓存路径存放到 /opt/hostedtoolcache该目录是Gitea Runner的标准工具缓存目录 # 指定容器将工具缓存路径存放到 /opt/hostedtoolcache该目录是Gitea Runner的标准工具缓存目录
RUNNER_TOOL_CACHE: /opt/hostedtoolcache RUNNER_TOOL_CACHE: /opt/hostedtoolcache
volumes:
# 直接挂载到指定的宿主机路径
- /opt/gitea-runner-cache:/opt/hostedtoolcache
# 挂载生产环境目录
- /opt/1panel/apps/openresty/openresty/www/sites/epic7:/opt/prod
steps: steps:
- name: 检出代码 - name: 检出代码
shell: bash shell: bash
@@ -213,3 +218,37 @@ jobs:
echo "构建时间: $(date)" echo "构建时间: $(date)"
echo "分支: ${{ gitea.ref }}" echo "分支: ${{ gitea.ref }}"
echo "提交: ${{ gitea.sha }}" echo "提交: ${{ gitea.sha }}"
- name: 部署到生产环境
shell: bash
run: |
echo "🚀 部署到生产环境..."
# 生产环境目录容器内路径直接映射到nginx静态文件目录
PROD_DIR="/opt/prod"
# 检查构建产物
if [ ! -d "dist" ]; then
echo "❌ 构建产物不存在"
exit 1
fi
# 备份当前生产环境
if [ -d "$PROD_DIR" ] && [ "$(ls -A "$PROD_DIR" 2>/dev/null)" ]; then
BACKUP_DIR="/opt/prod_backup_$(date +%Y%m%d_%H%M%S)"
echo "📦 备份当前生产环境到: $BACKUP_DIR"
cp -r "$PROD_DIR" "$BACKUP_DIR"
fi
# 清空生产目录并复制构建产物
echo "📤 部署构建产物到nginx静态文件目录..."
rm -rf "$PROD_DIR"/*
cp -r dist/* "$PROD_DIR/"
# 设置权限
chmod -R 755 "$PROD_DIR"
echo "✅ 部署完成"
echo "📁 生产环境目录: $PROD_DIR (对应宿主机: /opt/1panel/apps/openresty/openresty/www/sites/epic7)"
echo "📦 部署的文件:"
ls -la "$PROD_DIR"

View File

@@ -100,9 +100,15 @@ docker run -d \
- **宿主机路径**: `/opt/gitea-runner-cache` - **宿主机路径**: `/opt/gitea-runner-cache`
- **容器内路径**: `/opt/hostedtoolcache` - **容器内路径**: `/opt/hostedtoolcache`
- **缓存内容**: - **缓存内容**:
- `node_modules_*.tar.gz`: 项目依赖缓存 - `node_modules_*.tar.gz`: 项目依赖缓存基于pnpm-lock.yaml哈希
- `pnpm-store/`: pnpm 全局缓存 - `pnpm-store/`: pnpm 全局缓存
- `build-cache/`: 构建产物缓存 - `pnpm-cache/`: pnpm 缓存目录
### 生产环境目录
- **宿主机路径**: `/opt/1panel/apps/openresty/openresty/www/sites/epic7`
- **容器内路径**: `/opt/prod`
- **用途**: nginx静态文件服务目录
### 设置缓存目录 ### 设置缓存目录
@@ -152,7 +158,29 @@ pnpm build
1. 代码推送到 main/master 分支触发构建 1. 代码推送到 main/master 分支触发构建
2. 自动安装依赖(使用缓存加速) 2. 自动安装依赖(使用缓存加速)
3. 构建生产版本 3. 构建生产版本
4. 部署到目标服务器 4. 部署到nginx静态文件目录
### 部署配置
项目构建产物会自动部署到nginx静态文件目录
- **宿主机路径**: `/opt/1panel/apps/openresty/openresty/www/sites/epic7`
- **容器内路径**: `/opt/prod`
- **部署方式**: 直接覆盖nginx静态文件目录
- **备份策略**: 部署前自动备份当前版本
#### 部署流程
1. **构建**: 在容器内执行 `pnpm build` 生成 `dist/` 目录
2. **备份**: 备份当前生产环境文件(如果存在)
3. **部署**: 清空nginx目录并复制构建产物
4. **权限设置**: 设置文件权限为755
#### 访问方式
部署完成后可以通过nginx访问
- 本地访问: `http://localhost`
- 域名访问: 根据nginx配置的域名
### 构建产物 ### 构建产物