lingyue-zhibao/publish/deploy-frontend-ayt.sh

#!/bin/bash

# ============================================
# 灵越智报 - 前端部署到 ayt 服务器 (139.196.72.192)
# 本地构建 → 上传 dist → 配置 Nginx
# ============================================

# 颜色定义
RED='\033[0;31m'
GREEN='\033[0;32m'
YELLOW='\033[1;33m'
BLUE='\033[0;34m'
NC='\033[0m'

# ========== 配置区域 ==========
SERVER_USER="root"
SERVER_HOST="139.196.72.192"
SERVER_PORT="28529"

# 路径配置
LOCAL_PROJECT_DIR="/home/hws/workspace/GitLab/ay/lingyue-zhibao"
LOCAL_FRONTEND_DIR="${LOCAL_PROJECT_DIR}/frontend/vue-demo"
LOCAL_DIST_DIR="${LOCAL_FRONTEND_DIR}/dist"

REMOTE_FRONTEND_DIR="/data/web/lingyuezhibao"
REMOTE_NGINX_CONF="/etc/nginx/conf.d/lingyue-frontend-ayt.conf"

# 后端 API 地址（前端请求代理目标）
BACKEND_API="http://127.0.0.1:8001"  # ayt 服务后端通常在 8080 (gateway)
# 前端监听端口
FRONTEND_PORT=28082
# ==============================

log_info()  { echo -e "${GREEN}[INFO]${NC} $1"; }
log_warn()  { echo -e "${YELLOW}[WARN]${NC} $1"; }
log_error() { echo -e "${RED}[ERROR]${NC} $1"; }
log_title() { echo -e "\n${BLUE}========== $1 ==========${NC}\n"; }

ssh_cmd() {
    ssh -p ${SERVER_PORT} ${SERVER_USER}@${SERVER_HOST} "$@"
}

# 检查服务器连接
check_connection() {
    log_title "检查服务器连接"

    if ssh_cmd "echo 'OK'" > /dev/null 2>&1; then
        log_info "服务器连接成功: ${SERVER_USER}@${SERVER_HOST}"
    else
        log_error "无法连接服务器: ${SERVER_USER}@${SERVER_HOST}"
        exit 1
    fi
}

# 安装依赖
install_deps() {
    log_title "安装前端依赖"
    cd ${LOCAL_FRONTEND_DIR}
    if [ ! -d "node_modules" ]; then
        log_info "安装 npm 依赖..."
        yarn install || npm install
    else
        log_info "依赖已存在，跳过安装"
    fi
}

# 本地构建
build_local() {
    log_title "本地构建前端"
    cd ${LOCAL_FRONTEND_DIR}
    rm -rf dist
    log_info "执行 yarn build..."
    yarn build || npm run build
    if [ ! -d "${LOCAL_DIST_DIR}" ]; then
        log_error "构建失败: dist 目录不存在"
        exit 1
    fi
}

# 上传 dist
upload_dist() {
    log_title "上传前端文件到服务器"
    ssh_cmd "mkdir -p ${REMOTE_FRONTEND_DIR}"
    
    # 备份旧版本
    log_info "备份旧版本..."
    ssh_cmd "cd ${REMOTE_FRONTEND_DIR} && [ -d assets ] && tar -czf ../lingyuezhibao_bak_\$(date +%Y%m%d%H%M%S).tar.gz . || true"

    log_info "正在上传 dist 目录..."
    scp -P ${SERVER_PORT} -r "${LOCAL_DIST_DIR}/"* "${SERVER_USER}@${SERVER_HOST}:${REMOTE_FRONTEND_DIR}/"

    log_info "上传完成"
}

# 配置 Nginx
setup_nginx() {
    log_title "配置 Nginx"
    
    local nginx_conf="server {
    listen ${FRONTEND_PORT};
    server_name _;

    root ${REMOTE_FRONTEND_DIR};
    index index.html;

    # Gzip 压缩
    gzip on;
    gzip_types text/plain text/css application/json application/javascript text/xml application/xml;

    # API 代理到后端
    location /api {
        proxy_pass ${BACKEND_API};
        proxy_set_header Host \$host;
        proxy_set_header X-Real-IP \$remote_addr;
        proxy_set_header X-Forwarded-For \$proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto \$scheme;

        # WebSocket 支持
        proxy_http_version 1.1;
        proxy_set_header Upgrade \$http_upgrade;
        proxy_set_header Connection \"upgrade\";

        # 超时设置
        proxy_connect_timeout 60s;
        proxy_send_timeout 60s;
        proxy_read_timeout 60s;
    }

    # SPA 路由支持
    location / {
        try_files \$uri \$uri/ /index.html;
    }

    # 文件上传大小限制
    client_max_body_size 100M;
}"

    echo "${nginx_conf}" | ssh_cmd "cat > ${REMOTE_NGINX_CONF}"
    
    if ssh_cmd "nginx -t" 2>&1 | grep -q "successful"; then
        log_info "Nginx 配置测试通过"
        ssh_cmd "systemctl reload nginx"
        log_info "Nginx 已重载"
    else
        log_error "Nginx 配置有误"
        ssh_cmd "nginx -t"
    fi
}

# 完整部署
full_deploy() {
    check_connection
    # install_deps # 假设已经安装
    build_local
    upload_dist
    setup_nginx
    log_title "前端部署完成 🎉"
}

full_deploy