|
|
@@ -0,0 +1,160 @@
|
|
|
+#!/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
|
何文松