ci: 添加 Epic UI 构建和部署工作流
- 新增 CI/CD 工作流文件,实现前端项目的自动构建和部署 - 支持 main、master 和 develop 分支的自动构建- 包含代码检出、环境安装、依赖管理、项目构建等步骤 - 实现构建产物的自动部署和 Docker 容器重启
This commit is contained in:
@@ -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
|
||||||
@@ -212,4 +217,38 @@ jobs:
|
|||||||
echo "pnpm 版本: $(pnpm --version)"
|
echo "pnpm 版本: $(pnpm --version)"
|
||||||
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"
|
||||||
34
README.md
34
README.md
@@ -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配置的域名
|
||||||
|
|
||||||
### 构建产物
|
### 构建产物
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user