diff --git a/.deployignore b/.deployignore new file mode 100644 index 0000000..32aaec7 --- /dev/null +++ b/.deployignore @@ -0,0 +1,9 @@ +node_modules/ +dist/ +build/ +.DS_Store +*.log +.env +deploy/ +*.swp +*~ diff --git a/.gitea/workflows/ci.yml b/.gitea/workflows/ci.yml new file mode 100644 index 0000000..4ebc5f9 --- /dev/null +++ b/.gitea/workflows/ci.yml @@ -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 "" 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 diff --git a/deploy.sh b/deploy.sh new file mode 100755 index 0000000..0ba9900 --- /dev/null +++ b/deploy.sh @@ -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 "" index.html && grep -q "" 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}"