Files
epic-ui/.gitea/workflows/ci.yaml
hu xiaotong 0f8419906a ci: 添加 Epic UI 构建和部署工作流
- 新增 CI/CD 工作流文件,实现前端项目的自动构建和部署
- 支持 main、master 和 develop 分支的自动构建- 包含代码检出、环境安装、依赖管理、项目构建等步骤
- 实现构建产物的自动部署和 Docker 容器重启
2025-07-08 08:29:56 +08:00

240 lines
8.4 KiB
YAML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

name: Epic UI Build & Deploy
run-name: ${{ gitea.actor }} 正在构建 Epic UI 前端项目 🚀
on:
push:
branches: [ main, master, develop ]
pull_request:
branches: [ main, master ]
jobs:
build:
runs-on: gitea_labels
container:
image: gitea-ci-bash:latest
env:
# 方法一,指定容器将工具缓存路径存放到 /toolcache 该目录actRunner会默认持久化它
RUNNER_TOOL_CACHE: /toolcache
steps:
- name: 检出代码
shell: bash
run: |
echo "📥 检出代码到工作目录..."
echo "当前目录: $(pwd)"
echo "仓库: ${{ gitea.repository }}"
echo "分支: ${{ gitea.ref }}"
echo "提交: ${{ gitea.sha }}"
# 解析分支名
BRANCH_NAME=$(echo "${{ gitea.ref }}" | sed 's#refs/heads/##')
# 拉取代码使用token鉴权
git clone --depth=1 -b "$BRANCH_NAME" "http://1c18ee1ab9a9cb291506d0c5c016a33be7d59e8c:x-oauth-basic@gitea.htoop.cn/${{ gitea.repository }}.git" .
if [ $? -ne 0 ]; then
echo "❌ 代码检出失败"
exit 1
fi
# 校验分支
CURRENT_BRANCH=$(git rev-parse --abbrev-ref HEAD)
if [ "$CURRENT_BRANCH" != "$BRANCH_NAME" ]; then
echo "❌ 检出分支与预期不符: $CURRENT_BRANCH != $BRANCH_NAME"
exit 1
fi
# 校验提交
CURRENT_COMMIT=$(git rev-parse HEAD)
if [ -n "${{ gitea.sha }}" ] && [ "$CURRENT_COMMIT" != "${{ gitea.sha }}" ]; then
echo "❌ 检出提交与预期不符: $CURRENT_COMMIT != ${{ gitea.sha }}"
exit 1
fi
echo "✅ 代码检出成功,分支和提交校验通过"
ls -la
- name: 安装Node.js环境
shell: bash
run: |
echo "🔧 安装Node.js环境..."
if command -v node &> /dev/null; then
echo "✅ Node.js已安装: $(node --version)"
echo "✅ npm已安装: $(npm --version)"
else
echo "📥 下载并安装Node.js..."
NODE_VERSION="18.19.0"
NODE_ARCH="linux-x64"
MIRRORS=(
"https://mirrors.aliyun.com/nodejs-release/v${NODE_VERSION}/node-v${NODE_VERSION}-${NODE_ARCH}.tar.xz"
"https://nodejs.org/dist/v${NODE_VERSION}/node-v${NODE_VERSION}-${NODE_ARCH}.tar.xz"
)
DOWNLOAD_SUCCESS=false
for mirror in "${MIRRORS[@]}"; do
echo "尝试从镜像下载: $mirror"
if wget -q --timeout=30 --tries=3 "$mirror" -O node.tar.xz; then
echo "✅ 下载成功: $mirror"
DOWNLOAD_SUCCESS=true
break
else
echo "❌ 下载失败: $mirror"
continue
fi
done
if [ "$DOWNLOAD_SUCCESS" = false ]; then
echo "❌ 所有镜像源下载失败"
exit 1
fi
echo "解压Node.js到/usr/local..."
tar -C /usr/local -xJf node.tar.xz --strip-components=1
export PATH=$PATH:/usr/local/bin
echo "验证Node.js安装..."
node --version
npm --version
rm node.tar.xz
echo "✅ Node.js安装完成"
fi
- name: 检查Node.js环境
shell: bash
run: |
echo "🔍 检查Node.js环境..."
export PATH=$PATH:/usr/local/bin
node --version
npm --version
echo "Node.js路径: $(which node)"
echo "npm路径: $(which npm)"
- name: 安装pnpm
shell: bash
run: |
echo "📦 安装pnpm包管理器..."
export PATH=$PATH:/usr/local/bin
if command -v pnpm &> /dev/null; then
echo "✅ pnpm已安装: $(pnpm --version)"
else
echo "📥 安装pnpm..."
npm install -g pnpm
echo "✅ pnpm安装完成: $(pnpm --version)"
fi
- name: 恢复依赖缓存
shell: bash
run: |
echo "📦 检查并恢复依赖缓存..."
echo "🔍 检查缓存目录状态:"
ls -la /toolcache/ 2>/dev/null || echo "/toolcache 目录不存在"
ls -la /shared/cache/ 2>/dev/null || echo "/shared/cache 目录不存在"
# 尝试从 /toolcache 恢复
CACHE_FILE="/toolcache/node_modules_$(md5sum pnpm-lock.yaml | cut -d' ' -f1).tar.gz"
if [ -f "$CACHE_FILE" ]; then
echo "✅ 从 /toolcache 找到缓存文件,正在恢复..."
tar -xzf "$CACHE_FILE"
echo "📦 恢复的 node_modules 大小:"
du -sh node_modules || echo "node_modules 目录不存在"
else
echo "📥 未找到缓存,将重新安装依赖"
fi
- name: 安装依赖
shell: bash
run: |
echo "📦 开始安装依赖..."
export PATH=$PATH:/usr/local/bin
echo "开始时间: $(date)"
pnpm install --frozen-lockfile
echo "✅ 依赖安装完成"
echo "📦 node_modules 目录大小:"
du -sh node_modules || echo "node_modules 目录不存在"
- name: 保存依赖缓存
shell: bash
run: |
echo "💾 保存依赖缓存..."
mkdir -p /toolcache
CACHE_FILE="/toolcache/node_modules_$(md5sum pnpm-lock.yaml | cut -d' ' -f1).tar.gz"
tar -czf "$CACHE_FILE" node_modules
echo "✅ 缓存已保存到: $CACHE_FILE"
echo "📦 缓存文件大小:"
du -sh "$CACHE_FILE"
echo "🔍 缓存目录内容:"
ls -la /toolcache/
- name: 验证依赖
shell: bash
run: |
echo "🔍 验证项目依赖..."
export PATH=$PATH:/usr/local/bin
pnpm list --depth=0
echo "✅ 依赖验证完成"
- name: 构建项目
shell: bash
run: |
echo "🔨 开始构建 Epic UI 前端项目..."
export PATH=$PATH:/usr/local/bin
pnpm build
echo "✅ 构建完成"
- name: 检查构建产物
shell: bash
run: |
echo "📦 构建产物信息:"
if [ -d "dist" ]; then
echo "✅ 找到dist目录"
ls -la dist/
echo "dist目录大小: $(du -sh dist | cut -f1)"
else
echo "❌ 未找到dist目录"
exit 1
fi
- name: 显示项目信息
shell: bash
run: |
echo "📋 项目信息:"
export PATH=$PATH:/usr/local/bin
echo "Node.js 版本: $(node --version)"
echo "npm 版本: $(npm --version)"
echo "pnpm 版本: $(pnpm --version)"
echo "构建时间: $(date)"
echo "分支: ${{ gitea.ref }}"
echo "提交: ${{ gitea.sha }}"
- name: 准备部署
shell: bash
run: |
echo "🚀 准备部署..."
echo "运行器操作系统: ${{ runner.os }}"
echo "工作目录: ${{ gitea.workspace }}"
echo "任务状态: ${{ job.status }}"
mkdir -p deploy
cp -r dist/* deploy/
echo "📦 部署包已准备完成"
# - name: 复制构建产物到目标目录
# shell: bash
# run: |
# echo "📤 复制构建产物到 /opt/dockeropt/epic-ui ..."
# mkdir -p /opt/dockeropt/epic-ui
# cp -r dist/* /opt/dockeropt/epic-ui/
# echo "✅ 构建产物已复制到 /opt/dockeropt/epic-ui"
# ls -la /opt/dockeropt/epic-ui/
# - name: 重启 Docker 容器
# shell: bash
# run: |
# echo "♻️ 重启 epic-ui 容器..."
# if ! command -v docker &> /dev/null; then
# if command -v apt-get &> /dev/null; then
# apt-get update && apt-get install -y docker.io
# elif command -v apk &> /dev/null; then
# echo "http://mirrors.aliyun.com/alpine/v3.20/main" > /etc/apk/repositories
# echo "http://mirrors.aliyun.com/alpine/v3.20/community" >> /etc/apk/repositories
# apk update
# apk add --no-cache docker-cli
# elif command -v yum &> /dev/null; then
# yum install -y docker
# fi
# fi
# docker ps -a
# docker restart epic-ui
# echo "✅ epic-ui 容器已重启"