From 1cfa0b6e4c20735129fd9f895b84092ae12fb7c2 Mon Sep 17 00:00:00 2001 From: kola Date: Sat, 28 Jun 2025 12:56:30 +0800 Subject: [PATCH] fix: correct the one-click deployment script --- deploy_frontend.sh | 275 ++++++++++++++++++++++++++------------------- 1 file changed, 158 insertions(+), 117 deletions(-) diff --git a/deploy_frontend.sh b/deploy_frontend.sh index 199b400..8391ce7 100755 --- a/deploy_frontend.sh +++ b/deploy_frontend.sh @@ -1,15 +1,16 @@ #!/bin/bash -# 前端一键部署脚本 +# 前端远程部署脚本 - 本地构建版本 +# 本地构建，远程部署，避免服务器环境依赖 # 服务器配置 -SERVER_HOST="39.108.66.84" +SERVER_HOST="120.79.214.48" SERVER_USER="root" SERVER_PASSWORD='Kola123!@#' SERVER="$SERVER_USER@$SERVER_HOST" SERVER_PATH="/www/wwwroot/leaser_front" DIST_DIR="dist" -FRONTEND_PORT="9501" # 默认端口，宝塔面板站点推荐使用9501 +FRONTEND_PORT="9501" # 检测是否安装了sshpass if command -v sshpass >/dev/null 2>&1; then @@ -29,10 +30,10 @@ RED='\033[0;31m' YELLOW='\033[1;33m' NC='\033[0m' -log() { echo -e "${BLUE}[信息]${NC} $1"; } -success() { echo -e "${GREEN}[成功]${NC} $1"; } -error() { echo -e "${RED}[错误]${NC} $1"; } -warn() { echo -e "${YELLOW}[警告]${NC} $1"; } +log() { echo -e "${BLUE}[INFO]${NC} $1"; } +success() { echo -e "${GREEN}[SUCCESS]${NC} $1"; } +error() { echo -e "${RED}[ERROR]${NC} $1"; } +warn() { echo -e "${YELLOW}[WARNING]${NC} $1"; } # SSH执行函数 run_ssh() { @@ -70,120 +71,146 @@ show_password_hint() { fi } -# 检查前端的端口配置 -check_frontend_port() { - log "检查宝塔面板前端站点端口配置..." - # 第一种方法：直接查找站点配置 - local port_info=$(run_ssh "grep -r 'leaser_front' /www/server/panel/vhost/nginx/ 2>/dev/null | grep -i listen | head -1 || echo 'No port info found'") +# 本地构建 +local_build() { + log "本地构建项目..." - # 第二种方法：如果宝塔面板有站点配置表 - if [ "$port_info" = "No port info found" ]; then - port_info=$(run_ssh "if [ -f /www/server/panel/data/site.json ]; then cat /www/server/panel/data/site.json | grep -E '\"name\":\"leaser_front|\"port\":' | head -2; else echo 'No site config found'; fi") + # 检查本地环境 + if ! command -v node >/dev/null 2>&1; then + error "本地未安装 Node.js，请先安装" + return 1 fi - if [[ $port_info =~ listen[[:space:]]+([0-9]+) ]] || [[ $port_info =~ \"port\":\"?([0-9]+)\"? ]]; then - FRONTEND_PORT=${BASH_REMATCH[1]} - success "宝塔面板检测到前端站点端口: $FRONTEND_PORT" - else - warn "未在宝塔面板中找到前端站点配置，将使用默认端口: $FRONTEND_PORT" - warn "建议在宝塔面板创建一个新站点，站点目录为: $SERVER_PATH" + if ! command -v pnpm >/dev/null 2>&1; then + warn "本地未安装 pnpm，尝试安装..." + npm install -g pnpm || { + error "pnpm 安装失败" + return 1 + } fi -} - -echo "========================================" -log "前端项目远程部署工具" -echo "服务器: $SERVER" -echo "项目路径: $SERVER_PATH" -echo "========================================" -show_password_hint -echo "" - -# 远程构建函数 -remote_build() { - log "在服务器上进行构建..." - run_ssh "cd $SERVER_PATH && \ - echo '检查Node环境和依赖...' && \ - node -v && npm -v && \ - echo '检查并安装 pnpm...' && \ - if ! command -v pnpm &>/dev/null; then \ - echo '安装 pnpm...' && \ - npm install -g pnpm; \ - else \ - echo 'pnpm已安装: ' && pnpm -v; \ - fi && \ - echo '安装项目依赖...' && \ - pnpm install && \ - echo '开始构建项目...' && \ - NODE_ENV=production pnpm build && \ - if [ -d '$DIST_DIR' ]; then \ - echo '✅ 远程构建成功'; \ - if [ -d 'backup_dist' ]; then rm -rf backup_dist; fi && \ - mkdir -p backup_dist && \ - find . -maxdepth 1 -not -path './node_modules*' -not -path './.git*' -not -path './$DIST_DIR*' -not -path './backup_dist*' -not -path '.' | xargs -I{} mv {} backup_dist/ 2>/dev/null || true && \ - mv $DIST_DIR/* . && \ - rmdir $DIST_DIR && \ - echo '✅ 部署文件就位完成'; \ - else \ - echo '❌ 远程构建失败'; \ - exit 1; \ - fi" - if [ $? -eq 0 ]; then - success "远程构建并部署成功" + log "Node版本: $(node -v)" + log "pnpm版本: $(pnpm -v)" + + # 清理本地构建目录 + if [ -d "$DIST_DIR" ]; then + log "清理本地构建目录..." + rm -rf "$DIST_DIR" + fi + + # 安装依赖 + log "安装项目依赖..." + pnpm install || { + error "依赖安装失败" + return 1 + } + + # 构建项目 + log "开始构建..." + NODE_ENV=production pnpm build || { + error "构建失败" + return 1 + } + + # 检查构建结果 + if [ -d "$DIST_DIR" ] && [ "$(ls -A $DIST_DIR 2>/dev/null)" ]; then + success "✅ 本地构建成功" + log "构建文件数量: $(find $DIST_DIR -type f | wc -l)" return 0 else - error "远程构建失败" + error "构建目录为空或不存在" return 1 fi } +# 上传构建文件 +upload_files() { + log "上传构建文件到服务器..." + + if [ ! -d "$DIST_DIR" ]; then + error "本地构建目录不存在，请先执行构建" + return 1 + fi + + # 确保服务器dist目录存在并清理 + run_ssh "mkdir -p $SERVER_PATH/$DIST_DIR && rm -rf $SERVER_PATH/$DIST_DIR/* 2>/dev/null || true" + + # 上传到目标目录 + run_scp "$DIST_DIR/" "$SERVER_PATH/$DIST_DIR/" + + if [ $? -eq 0 ]; then + success "✅ 文件上传成功" + return 0 + else + error "文件上传失败" + return 1 + fi +} + +# 检查部署结果 +verify_deployment() { + log "检查部署结果..." + run_ssh "cd $SERVER_PATH/$DIST_DIR && if [ -f index.html ]; then echo '✅ index.html 部署成功'; file_count=\$(find . -type f -not -path '*/\.*' | wc -l); echo \"✅ 共部署 \$file_count 个文件\"; else echo '❌ 部署验证失败'; exit 1; fi" +} + +# 检查前端端口配置 +check_frontend_port() { + log "检查前端站点配置..." + local port_info=$(run_ssh "grep -r 'leaser_front' /www/server/panel/vhost/nginx/ 2>/dev/null | grep -i listen | head -1" 2>/dev/null || echo "") + + if [[ $port_info =~ listen[[:space:]]+([0-9]+) ]]; then + FRONTEND_PORT=${BASH_REMATCH[1]} + success "检测到前端站点端口: $FRONTEND_PORT" + else + warn "未找到宝塔面板站点配置，使用默认端口: $FRONTEND_PORT" + warn "请在宝塔面板创建站点，目录指向: $SERVER_PATH/$DIST_DIR" + fi +} + +echo "========================================" +log "前端远程部署工具 - 本地构建版本" +echo "服务器: $SERVER" +echo "项目路径: $SERVER_PATH" +echo "本地目录: $(pwd)" +echo "========================================" +show_password_hint +echo "" + case "${1:-deploy}" in "test"|"t") log "测试服务器连接..." - run_ssh "echo '✅ 连接成功'" + run_ssh "echo '✅ 连接成功' && echo '服务器信息:' && uname -a" ;; "status"|"s") log "查看前端项目状态..." - run_ssh "cd $SERVER_PATH && echo '=== 文件统计 ===' && find . -type f -not -path '*/\.*' | grep -v 'node_modules' | wc -l && echo '=== 最新文件 ===' && find . -type f -not -path '*/\.*' | grep -v 'node_modules' | xargs ls -lt | head -5 && echo '=== Nginx状态 ===' && systemctl status nginx | grep Active || echo 'Nginx可能未安装'" + run_ssh "cd $SERVER_PATH/$DIST_DIR && echo '=== 目录信息 ===' && pwd && ls -la | head -10 && echo '=== 文件统计 ===' && find . -type f -not -path '*/\.*' -not -path '*/node_modules*' | wc -l && echo '个文件' && echo '=== 最新文件 ===' && find . -maxdepth 1 -type f -not -path '*/\.*' | head -5 | xargs ls -la 2>/dev/null || echo '无文件'" ;; "logs"|"l") log "查看Nginx访问日志..." - run_ssh "tail -f /var/log/nginx/access.log 2>/dev/null || echo '无法访问Nginx日志'" + run_ssh "tail -20 /var/log/nginx/access.log 2>/dev/null || tail -20 /www/wwwlogs/access.log 2>/dev/null || echo '找不到Nginx访问日志'" ;; "check"|"c") log "检查前端部署情况..." - run_ssh "cd $SERVER_PATH && echo '=== 目录内容 ===' && ls -la | grep -v node_modules && echo '=== 文件大小 ===' && du -sh && echo '=== index.html检查 ===' && cat index.html 2>/dev/null | grep -i title | head -1 || echo '找不到index.html文件'" + run_ssh "cd $SERVER_PATH/$DIST_DIR && echo '=== 关键文件检查 ===' && [ -f index.html ] && echo '✅ index.html 存在' || echo '❌ index.html 不存在' && echo '=== 静态资源检查 ===' && ls -la *.js *.css 2>/dev/null | head -3 || echo '无JS/CSS文件' && echo '=== 目录大小 ===' && du -sh . 2>/dev/null || echo '无法获取大小'" ;; "nginx") log "检查Nginx配置..." - run_ssh "cat /etc/nginx/sites-enabled/* 2>/dev/null || cat /etc/nginx/conf.d/* 2>/dev/null || cat /www/server/nginx/conf/nginx.conf 2>/dev/null || echo '找不到Nginx配置'" + run_ssh "nginx -t 2>/dev/null && echo '✅ Nginx配置正确' || echo '❌ Nginx配置有误'" + check_frontend_port ;; "portconfig") - log "查询宝塔面板前端站点配置..." - run_ssh "echo '=== 宝塔站点配置文件 ===' && \ - find /www/server/panel/vhost/nginx/ -name '*.conf' -exec ls -la {} \; 2>/dev/null && \ - echo '=== 宝塔站点配置查询 ===' && \ - grep -r 'leaser_front' /www/server/panel/vhost/nginx/ 2>/dev/null || echo '未在Nginx配置中找到前端站点配置' && \ - echo '=== 宝塔站点列表 ===' && \ - if [ -f /www/server/panel/data/site.json ]; then grep -E '\"name|\"path|\"port' /www/server/panel/data/site.json | head -15; else echo '未找到宝塔站点数据'; fi" check_frontend_port ;; "build"|"b") - clean_local_build local_build ;; - "pull"|"p") - log "拉取最新代码..." - run_ssh "cd $SERVER_PATH && (git pull 2>/dev/null || git pull https://kola:Cyne2012@\$(git config --get remote.origin.url | sed 's|https://||'))" - ;; - "upload"|"u") if [ -d "$DIST_DIR" ]; then upload_files @@ -192,58 +219,72 @@ case "${1:-deploy}" in fi ;; + "pull"|"p") + log "拉取最新代码到服务器..." + run_ssh "cd $SERVER_PATH && (git pull 2>/dev/null || git pull https://kola:Cyne2012@\$(git config --get remote.origin.url | sed 's|https://||'))" + ;; + "deploy"|"d"|"") - log "开始前端远程部署流程..." + log "开始前端部署流程..." echo "" - log "步骤 1/3: 拉取最新代码" - run_ssh "cd $SERVER_PATH && git pull || echo '拉取代码失败，请检查服务器Git配置'" - - log "步骤 2/3: 备份现有文件" - run_ssh "cd $SERVER_PATH && mkdir -p backup_$(date +%Y%m%d) && find . -maxdepth 1 -type f -not -path '*/\.git*' -not -path '*/node_modules*' -exec cp {} backup_$(date +%Y%m%d)/ \; 2>/dev/null || echo '没有需要备份的文件'" - - log "步骤 3/3: 远程构建部署" - if remote_build; then - # 检查端口配置 - check_frontend_port - success "🎉 部署流程完成！" - if [ "$FRONTEND_PORT" = "80" ]; then - echo "🌐 网站地址: http://$SERVER_HOST" - else - echo "🌐 网站地址: http://$SERVER_HOST:$FRONTEND_PORT" - fi - echo "📡 如果还没有在宝塔面板创建站点，请在宝塔面板中创建一个新站点，指向路径 $SERVER_PATH" - echo "" - log "执行状态检查..." - run_ssh "cd $SERVER_PATH && echo '=== 文件检查 ===' && ls -la | grep -v node_modules | head -10 && echo '=== index.html存在检查 ===' && [ -f index.html ] && echo '✅ index.html 存在' || echo '❌ index.html 不存在'" - else - error "部署失败" + log "步骤 1/3: 本地构建" + if ! local_build; then + error "本地构建失败，部署终止" exit 1 fi + + log "步骤 2/3: 上传文件" + if ! upload_files; then + error "文件上传失败，部署终止" + exit 1 + fi + + log "步骤 3/3: 检查部署结果" + verify_deployment + + # 检查端口配置 + check_frontend_port + + # 清理本地构建文件 + log "清理本地构建文件..." + rm -rf "$DIST_DIR" + + success "🎉 部署完成！" + if [ "$FRONTEND_PORT" = "80" ]; then + echo "🌐 访问地址: http://$SERVER_HOST" + else + echo "🌐 访问地址: http://$SERVER_HOST:$FRONTEND_PORT" + fi + echo "" + warn "如果网站无法访问，请检查：" + echo " 1. 在宝塔面板中创建站点，目录指向: $SERVER_PATH" + echo " 2. 确保防火墙开放端口: $FRONTEND_PORT" + echo " 3. 检查域名解析是否正确" ;; "help"|"h"|"--help") - echo "前端项目远程部署工具" + echo "前端远程部署工具 - 本地构建版本" echo "" echo "用法: $0 [命令]" echo "" echo "命令:" - echo " deploy/d 完整部署流程（默认）" - echo " test/t 测试连接" - echo " status/s 查看前端项目状态" - echo " check/c 检查前端部署情况" - echo " logs/l 查看Nginx访问日志" - echo " nginx 查看Nginx配置" - echo " portconfig 检查宝塔面板站点配置" - echo " build/b 仅本地构建项目" - echo " pull/p 仅拉取远程代码" - echo " upload/u 仅上传构建文件" - echo " help/h 显示帮助" + echo " deploy/d 完整部署流程（默认）" + echo " test/t 测试服务器连接" + echo " status/s 查看项目状态" + echo " check/c 检查部署情况" + echo " logs/l 查看Nginx日志" + echo " nginx 检查Nginx配置" + echo " portconfig 检查端口配置" + echo " build/b 仅本地构建" + echo " upload/u 仅上传构建文件" + echo " pull/p 拉取代码到服务器" + echo " help/h 显示帮助" ;; *) error "未知命令: $1" - echo "使用 'help' 查看可用命令" + echo "使用 '$0 help' 查看可用命令" exit 1 ;; esac