311 lines
9.6 KiB
Bash
Executable File
311 lines
9.6 KiB
Bash
Executable File
#!/bin/bash
|
||
|
||
# 开发模式启动脚本 - 前台启动前后端应用（带实时日志）
|
||
# 作者: Qwen Assistant
|
||
# 功能: 在前台启动后端和前端，直接在终端显示实时日志，并提供日志文件备份
|
||
|
||
set -e # 遌输错误立即退出
|
||
|
||
# 颜色定义
|
||
RED='\033[0;31m'
|
||
GREEN='\033[0;32m'
|
||
YELLOW='\033[1;33m'
|
||
BLUE='\033[0;34m'
|
||
PURPLE='\033[0;35m'
|
||
CYAN='\033[0;36m'
|
||
NC='\033[0m' # No Color
|
||
|
||
# 打印带颜色的消息
|
||
print_message() {
|
||
local color=$1
|
||
local message=$2
|
||
echo -e "${color}${message}${NC}"
|
||
}
|
||
|
||
# 检查端口是否被占用
|
||
check_port() {
|
||
local port=$1
|
||
if lsof -i :$port > /dev/null 2>&1; then
|
||
return 0 # 端口被占用
|
||
else
|
||
return 1 # 端口未被占用
|
||
fi
|
||
}
|
||
|
||
# 生成随机可用端口
|
||
get_available_port() {
|
||
local start_port=$1
|
||
local max_attempts=50
|
||
local port=$start_port
|
||
local attempts=0
|
||
|
||
while check_port $port && [ $attempts -lt $max_attempts ]; do
|
||
port=$((port + 1))
|
||
attempts=$((attempts + 1))
|
||
done
|
||
|
||
if [ $attempts -eq $max_attempts ]; then
|
||
print_message $RED "❌ 无法找到可用端口，请手动释放相关端口"
|
||
exit 1
|
||
fi
|
||
|
||
echo $port
|
||
}
|
||
|
||
print_message $BLUE "🚀 开始启动 WordMaster Pro 系统 (开发模式 - 实时日志)..."
|
||
|
||
# 获取脚本目录
|
||
SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
|
||
cd "$SCRIPT_DIR"
|
||
|
||
# 加载环境变量
|
||
if [ -f ".env" ]; then
|
||
print_message $BLUE "🔧 加载环境变量配置..."
|
||
export $(grep -v '^#' .env | xargs)
|
||
BACKEND_PORT=${BACKEND_PORT:-8888}
|
||
FRONTEND_PORT=${FRONTEND_PORT:-3008}
|
||
DATABASE_URL=${DATABASE_URL:-"sqlite:///./wordmaster.db"}
|
||
else
|
||
print_message $YELLOW "⚠️ 未找到 .env 文件，使用默认配置"
|
||
BACKEND_PORT=8888
|
||
FRONTEND_PORT=3008
|
||
DATABASE_URL="sqlite:///./wordmaster.db"
|
||
fi
|
||
|
||
print_message $BLUE "🔧 使用配置信息:"
|
||
print_message $GREEN " 后端端口: $BACKEND_PORT"
|
||
print_message $GREEN " 前端端口: $FRONTEND_PORT"
|
||
print_message $GREEN " 数据库: $DATABASE_URL"
|
||
|
||
# 检查端口占用情况
|
||
print_message $BLUE "🔍 检查端口占用情况..."
|
||
if check_port $BACKEND_PORT; then
|
||
print_message $YELLOW "⚠️ 后端端口 $BACKEND_PORT 被占用，寻找可用端口..."
|
||
BACKEND_PORT=$(get_available_port 8888)
|
||
print_message $GREEN "ℹ️ 使用后端端口: $BACKEND_PORT"
|
||
fi
|
||
|
||
if check_port $FRONTEND_PORT; then
|
||
print_message $YELLOW "⚠️ 前端端口 $FRONTEND_PORT 被占用，寻找可用端口..."
|
||
FRONTEND_PORT=$(get_available_port 3008)
|
||
print_message $GREEN "ℹ️ 使用前端端口: $FRONTEND_PORT"
|
||
fi
|
||
|
||
# 检查依赖状态
|
||
check_dependencies() {
|
||
local missing_deps=()
|
||
|
||
# 检查 Python 依赖
|
||
if ! command -v python3 &> /dev/null; then
|
||
missing_deps+=("python3")
|
||
else
|
||
if ! python3 -c "import fastapi, uvicorn, sqlalchemy, pydantic, jwt, bcrypt, pandas, fitz, dotenv" > /dev/null 2>&1; then
|
||
missing_deps+=("python_backend_deps")
|
||
fi
|
||
fi
|
||
|
||
# 检查 Node.js 依赖
|
||
if ! command -v node &> /dev/null; then
|
||
missing_deps+=("nodejs")
|
||
fi
|
||
|
||
if ! command -v npm &> /dev/null; then
|
||
missing_deps+=("npm")
|
||
fi
|
||
|
||
# 检查前端依赖
|
||
if [ -f "frontend/package.json" ] && [ ! -d "frontend/node_modules" ]; then
|
||
missing_deps+=("frontend_deps")
|
||
fi
|
||
|
||
if [ ${#missing_deps[@]} -ne 0 ]; then
|
||
print_message $YELLOW "⚠️ 检测到以下依赖缺失或未安装:"
|
||
for dep in "${missing_deps[@]}"; do
|
||
echo " - $dep"
|
||
done
|
||
return 1
|
||
fi
|
||
|
||
return 0
|
||
}
|
||
|
||
print_message $BLUE "🔍 检查依赖安装状态..."
|
||
if ! check_dependencies; then
|
||
print_message $YELLOW "⚠️ 检测到依赖缺失，正在尝试自动安装..."
|
||
|
||
# 检查并创建后端虚拟环境
|
||
if [ ! -d "backend/venv" ]; then
|
||
print_message $BLUE "🔧 创建后端虚拟环境..."
|
||
python3 -m venv backend/venv
|
||
print_message $GREEN "✅ 虚拟环境创建成功"
|
||
fi
|
||
|
||
# 激活虚拟环境
|
||
source backend/venv/bin/activate
|
||
|
||
# 检查并安装后端依赖
|
||
if ! python -c "import fastapi, uvicorn, sqlalchemy, pydantic, jwt, bcrypt, pandas, fitz, dotenv" > /dev/null 2>&1; then
|
||
print_message $BLUE "🔧 安装后端依赖..."
|
||
cd backend
|
||
if [ ! -f "requirements.txt" ]; then
|
||
print_message $RED "❌ requirements.txt 不存在"
|
||
exit 1
|
||
fi
|
||
|
||
pip install --upgrade pip
|
||
if ! pip install -r requirements.txt; then
|
||
print_message $RED "❌ 后端依赖安装失败"
|
||
exit 1
|
||
fi
|
||
cd ..
|
||
print_message $GREEN "✅ 后端依赖安装完成"
|
||
fi
|
||
|
||
# 检查并安装前端依赖
|
||
if [ -f "frontend/package.json" ] && [ ! -d "frontend/node_modules" ]; then
|
||
print_message $BLUE "🔧 安装前端依赖..."
|
||
cd frontend
|
||
if ! npm install; then
|
||
print_message $RED "❌ 前端依赖安装失败"
|
||
exit 1
|
||
fi
|
||
cd ..
|
||
print_message $GREEN "✅ 前端依赖安装完成"
|
||
fi
|
||
else
|
||
print_message $GREEN "✅ 依赖检查通过"
|
||
fi
|
||
|
||
# 激活后端虚拟环境
|
||
print_message $BLUE "🔧 激活后端虚拟环境..."
|
||
source backend/venv/bin/activate
|
||
|
||
# 确保 uploads/images 目录存在
|
||
if [ ! -d "backend/uploads/images" ]; then
|
||
mkdir -p "backend/uploads/images"
|
||
print_message $GREEN "✅ 创建了 uploads/images 目录"
|
||
fi
|
||
|
||
# 设置日志文件路径
|
||
BACKEND_LOG="backend/backend_dev.log"
|
||
FRONTEND_LOG="frontend/frontend_dev.log"
|
||
|
||
print_message $BLUE "📡 启动后端服务 (端口: $BACKEND_PORT)..."
|
||
print_message $YELLOW "ℹ️ 后端日志将直接显示在当前终端..."
|
||
|
||
# 启动后端服务（通过管道同时显示和记录日志）
|
||
cd backend
|
||
|
||
# 函数：启动后端服务
|
||
start_backend() {
|
||
print_message $GREEN "✅ 后端启动命令: uvicorn main:app --host 0.0.0.0 --port $BACKEND_PORT --log-level info --reload"
|
||
echo "========== 后端实时日志开始 =========="
|
||
|
||
# 清理旧日志文件
|
||
[ -f "$BACKEND_LOG" ] && rm "$BACKEND_LOG"
|
||
|
||
# 启动后端并记录日志
|
||
uvicorn main:app --host 0.0.0.0 --port $BACKEND_PORT --log-level info --reload 2>&1 | tee -a "$BACKEND_LOG" &
|
||
|
||
BACKEND_PID=$!
|
||
echo $BACKEND_PID > ../.backend.pid
|
||
print_message $GREEN "✅ 后端已启动 (PID: $BACKEND_PID, 端口: $BACKEND_PORT)"
|
||
|
||
# 后端启动后等待几秒让服务就绪
|
||
sleep 3
|
||
|
||
# 检查后端是否启动成功
|
||
if ! kill -0 $BACKEND_PID 2>/dev/null; then
|
||
print_message $RED "❌ 后端启动失败"
|
||
exit 1
|
||
fi
|
||
|
||
print_message $GREEN "✅ 后端服务已就绪"
|
||
}
|
||
|
||
# 启动前端服务（在后台）
|
||
start_frontend() {
|
||
print_message $BLUE "🎨 启动前端服务 (端口: $FRONTEND_PORT)..."
|
||
cd ../frontend
|
||
|
||
# 创建 .env.development 如果不存在，确保端口配置正确
|
||
if [ -f ".env.development" ]; then
|
||
# 更新 .env.development with the correct backend port
|
||
sed -i.bak "s|VITE_BACKEND_PORT=.*|VITE_BACKEND_PORT=$BACKEND_PORT|" .env.development 2>/dev/null || true
|
||
sed -i.bak "s|VITE_SERVER_PORT=.*|VITE_SERVER_PORT=$FRONTEND_PORT|" .env.development 2>/dev/null || true
|
||
else
|
||
# Create .env.development if it doesn't exist
|
||
cat > .env.development << EOF
|
||
# 开发环境配置
|
||
NODE_ENV=development
|
||
VITE_MODE=development
|
||
|
||
# API配置 - 开发环境使用代理
|
||
VITE_API_BASE_URL=/api
|
||
VITE_FILE_BASE_URL=/api
|
||
VITE_WS_BASE_URL=ws://localhost:$BACKEND_PORT/ws
|
||
|
||
# 后端服务地址 (仅用于代理配置)
|
||
VITE_BACKEND_HOST=localhost
|
||
VITE_BACKEND_PORT=$BACKEND_PORT
|
||
|
||
# 调试配置
|
||
VITE_DEBUG=true
|
||
VITE_LOG_LEVEL=info
|
||
VITE_SERVER_PORT=$FRONTEND_PORT
|
||
EOF
|
||
print_message $GREEN "✅ 创建了前端环境配置文件"
|
||
fi
|
||
|
||
# 清理旧日志文件
|
||
[ -f "$FRONTEND_LOG" ] && rm "$FRONTEND_LOG"
|
||
|
||
# 启动前端
|
||
print_message $GREEN "✅ 前端启动命令: npm run dev -- --port $FRONTEND_PORT"
|
||
echo "========== 前端实时日志开始 =========="
|
||
npm run dev -- --port $FRONTEND_PORT 2>&1 | tee -a "$FRONTEND_LOG" &
|
||
|
||
FRONTEND_PID=$!
|
||
echo $FRONTEND_PID > ../.frontend.pid
|
||
print_message $GREEN "✅ 前端已启动 (PID: $FRONTEND_PID, 端口: $FRONTEND_PORT)"
|
||
}
|
||
|
||
# 启动后端
|
||
start_backend
|
||
|
||
# 启动前端
|
||
start_frontend
|
||
|
||
# 显示完成信息
|
||
print_message $GREEN ""
|
||
print_message $GREEN "🎉 WordMaster Pro 系统启动成功！（开发模式）"
|
||
print_message $GREEN ""
|
||
|
||
echo ""
|
||
print_message $BLUE "📝 访问地址:"
|
||
print_message $GREEN "📖 前端访问地址: http://localhost:$FRONTEND_PORT"
|
||
print_message $GREEN "🔧 后端 API 地址: http://localhost:$BACKEND_PORT"
|
||
print_message $GREEN "📚 API 文档: http://localhost:$BACKEND_PORT/docs"
|
||
echo ""
|
||
|
||
print_message $BLUE "📋 进程信息:"
|
||
print_message $GREEN "📡 后端进程 PID: $(cat .backend.pid)"
|
||
print_message $GREEN "🎨 前端进程 PID: $(cat .frontend.pid)"
|
||
echo ""
|
||
|
||
print_message $BLUE "📁 实时日志文件 (同时输出到终端):"
|
||
print_message $CYAN " 后端日志: $(pwd)/$BACKEND_LOG"
|
||
print_message $CYAN " 前端日志: $(pwd)/$FRONTEND_LOG"
|
||
echo ""
|
||
|
||
print_message $YELLOW "💡 提示:"
|
||
print_message $YELLOW " - 实时日志已显示在当前终端"
|
||
print_message $YELLOW " - 使用 Ctrl+C 停止应用程序"
|
||
print_message $YELLOW " - 日志也同时保存到上述文件中"
|
||
|
||
# 等待用户中断
|
||
print_message $GREEN "✅ 服务正在前台运行，实时日志可见..."
|
||
trap "print_message $YELLOW '🛑 正在停止服务...'; kill $(cat .backend.pid) 2>/dev/null; kill $(cat .frontend.pid) 2>/dev/null; rm -f .backend.pid .frontend.pid; exit 0" INT
|
||
|
||
# 等待后台进程
|
||
wait |