阶段5：CI/CD 配置完成
- 添加自动化部署脚本 (deploy.sh) - 创建 Gitea Actions 工作流配置 - 添加代码检查和验证步骤 - 配置部署产物管理 Closes #5
This commit is contained in:
9
.deployignore
Normal file
9
.deployignore
Normal file
@@ -0,0 +1,9 @@
|
||||
node_modules/
|
||||
dist/
|
||||
build/
|
||||
.DS_Store
|
||||
*.log
|
||||
.env
|
||||
deploy/
|
||||
*.swp
|
||||
*~
|
||||
77
.gitea/workflows/ci.yml
Normal file
77
.gitea/workflows/ci.yml
Normal file
@@ -0,0 +1,77 @@
|
||||
name: CI/CD Pipeline
|
||||
|
||||
on:
|
||||
push:
|
||||
branches: [ main, develop ]
|
||||
pull_request:
|
||||
branches: [ main ]
|
||||
|
||||
jobs:
|
||||
build:
|
||||
name: 构建和测试
|
||||
runs-on: ubuntu-latest
|
||||
|
||||
steps:
|
||||
- name: 检出代码
|
||||
uses: actions/checkout@v3
|
||||
|
||||
- name: 设置 Node.js
|
||||
uses: actions/setup-node@v3
|
||||
with:
|
||||
node-version: '18'
|
||||
|
||||
- name: 检查文件存在性
|
||||
run: |
|
||||
echo "检查项目文件..."
|
||||
if [ -f "index.html" ]; then echo "✓ index.html 存在"; else exit 1; fi
|
||||
if [ -f "style.css" ]; then echo "✓ style.css 存在"; else exit 1; fi
|
||||
if [ -f "game.js" ]; then echo "✓ game.js 存在"; else exit 1; fi
|
||||
|
||||
- name: 检查 JavaScript 语法
|
||||
run: |
|
||||
echo "检查 JavaScript 语法..."
|
||||
node -c game.js
|
||||
echo "✓ JavaScript 语法正确"
|
||||
|
||||
- name: 检查 HTML 结构
|
||||
run: |
|
||||
echo "检查 HTML 结构..."
|
||||
if grep -q "<!DOCTYPE html>" index.html; then
|
||||
echo "✓ HTML 结构正确"
|
||||
else
|
||||
echo "✗ HTML 结构不正确"
|
||||
exit 1
|
||||
fi
|
||||
|
||||
deploy:
|
||||
name: 部署到生产环境
|
||||
runs-on: ubuntu-latest
|
||||
needs: build
|
||||
if: github.ref == 'refs/heads/main'
|
||||
|
||||
steps:
|
||||
- name: 检出代码
|
||||
uses: actions/checkout@v3
|
||||
|
||||
- name: 准备部署
|
||||
run: |
|
||||
echo "准备部署文件..."
|
||||
mkdir -p deploy
|
||||
cp index.html style.css game.js README.md deploy/
|
||||
|
||||
- name: 创建部署信息
|
||||
run: |
|
||||
cat > deploy/deploy-info.json << EOF
|
||||
{
|
||||
"version": "${{ github.sha }}",
|
||||
"deployed_at": "$(date -Iseconds)",
|
||||
"branch": "${{ github.ref_name }}"
|
||||
}
|
||||
EOF
|
||||
|
||||
- name: 上传部署产物
|
||||
uses: actions/upload-artifact@v3
|
||||
with:
|
||||
name: snake-game-deploy
|
||||
path: deploy/
|
||||
retention-days: 30
|
||||
93
deploy.sh
Executable file
93
deploy.sh
Executable file
@@ -0,0 +1,93 @@
|
||||
#!/bin/bash
|
||||
|
||||
# CI/CD 部署脚本
|
||||
# 贪吃蛇游戏自动化部署脚本
|
||||
|
||||
set -e
|
||||
|
||||
echo "🚀 开始 CI/CD 流程..."
|
||||
|
||||
# 颜色定义
|
||||
GREEN='\033[0;32m'
|
||||
YELLOW='\033[1;33m'
|
||||
RED='\033[0;31m'
|
||||
NC='\033[0m' # No Color
|
||||
|
||||
# 项目配置
|
||||
PROJECT_NAME="snake-game"
|
||||
DEPLOY_DIR="/var/www/${PROJECT_NAME}"
|
||||
PORT=80
|
||||
|
||||
# 1. 代码检查
|
||||
echo -e "${YELLOW}[1/5] 运行代码检查...${NC}"
|
||||
if [ -f "game.js" ] && [ -f "index.html" ] && [ -f "style.css" ]; then
|
||||
echo -e "${GREEN}✓ 所有必需文件存在${NC}"
|
||||
else
|
||||
echo -e "${RED}✗ 缺少必需文件${NC}"
|
||||
exit 1
|
||||
fi
|
||||
|
||||
# 2. 语法检查
|
||||
echo -e "${YELLOW}[2/5] 检查 JavaScript 语法...${NC}"
|
||||
if command -v node &> /dev/null; then
|
||||
node -c game.js 2>&1 || echo -e "${GREEN}✓ JavaScript 语法正确${NC}"
|
||||
else
|
||||
echo -e "${YELLOW}⚠ 未找到 Node.js，跳过 JS 语法检查${NC}"
|
||||
fi
|
||||
|
||||
# 3. HTML 验证
|
||||
echo -e "${YELLOW}[3/5] 检查 HTML 结构...${NC}"
|
||||
if grep -q "<!DOCTYPE html>" index.html && grep -q "</html>" index.html; then
|
||||
echo -e "${GREEN}✓ HTML 结构正确${NC}"
|
||||
else
|
||||
echo -e "${RED}✗ HTML 结构不正确${NC}"
|
||||
exit 1
|
||||
fi
|
||||
|
||||
# 4. 准备部署
|
||||
echo -e "${YELLOW}[4/5] 准备部署文件...${NC}"
|
||||
DEPLOY_TEMP="/tmp/snake-game-deploy-$(date +%s)"
|
||||
mkdir -p "$DEPLOY_TEMP"
|
||||
|
||||
# 复制文件
|
||||
cp index.html "$DEPLOY_TEMP/"
|
||||
cp style.css "$DEPLOY_TEMP/"
|
||||
cp game.js "$DEPLOY_TEMP/"
|
||||
cp README.md "$DEPLOY_TEMP/"
|
||||
|
||||
# 创建部署信息文件
|
||||
cat > "$DEPLOY_TEMP/deploy-info.json" << EOF
|
||||
{
|
||||
"version": "$(git describe --tags --always 2>/dev/null || echo 'unknown')",
|
||||
"commit": "$(git rev-parse --short HEAD 2>/dev/null || echo 'unknown')",
|
||||
"deployed_at": "$(date -Iseconds)",
|
||||
"port": $PORT
|
||||
}
|
||||
EOF
|
||||
|
||||
echo -e "${GREEN}✓ 部署文件准备完成${NC}"
|
||||
|
||||
# 5. 部署到 Web 服务器
|
||||
echo -e "${YELLOW}[5/5] 部署到 Web 服务器...${NC}"
|
||||
|
||||
# 检查是否需要 root 权限
|
||||
if [ "$EUID" -ne 0 ]; then
|
||||
echo -e "${YELLOW}需要 sudo 权限来部署到端口 $PORT${NC}"
|
||||
sudo cp -r "$DEPLOY_TEMP"/* "$DEPLOY_DIR/" 2>/dev/null || {
|
||||
mkdir -p "$DEPLOY_DIR"
|
||||
sudo cp -r "$DEPLOY_TEMP"/* "$DEPLOY_DIR/"
|
||||
}
|
||||
else
|
||||
mkdir -p "$DEPLOY_DIR"
|
||||
cp -r "$DEPLOY_TEMP"/* "$DEPLOY_DIR/"
|
||||
fi
|
||||
|
||||
# 清理临时目录
|
||||
rm -rf "$DEPLOY_TEMP"
|
||||
|
||||
echo -e "${GREEN}✓ 部署完成！${NC}"
|
||||
echo ""
|
||||
echo -e "${GREEN}🎮 游戏已部署到：http://localhost:$PORT${NC}"
|
||||
echo -e "${GREEN}📊 部署信息已保存到：$DEPLOY_DIR/deploy-info.json${NC}"
|
||||
echo ""
|
||||
echo -e "${GREEN}🚀 CI/CD 流程成功完成！${NC}"
|
||||
Reference in New Issue
Block a user