quick_deploy.sh

#!/bin/bash

# 🚀 幸运抽奖 - 一键部署脚本
# 自动选择最佳部署方案

RED='\033[0;31m'
GREEN='\033[0;32m'
YELLOW='\033[1;33m'
BLUE='\033[0;34m'
PURPLE='\033[0;35m'
NC='\033[0m'

echo -e "${PURPLE}🎲 幸运抽奖 - 快速部署向导${NC}"
echo "=================================="

# 检查dist目录
if [ ! -d "dist" ]; then
    echo -e "${RED}❌ 未找到dist目录，请先运行 ./build_pwa_app.sh${NC}"
    exit 1
fi

echo -e "${GREEN}✅ 检测到应用文件${NC}"
echo ""
echo -e "${BLUE}📋 选择部署方式：${NC}"
echo "1. 💻 本地测试 (立即可用)"
echo "2. 🌐 Netlify部署 (免费在线，拖拽上传)"
echo "3. 📂 GitHub Pages (免费在线，需要GitHub账号)"
echo "4. 📱 生成分享包 (发送给朋友安装)"
echo "5. ❓ 查看详细说明"
echo ""

read -p "请选择 (1-5): " choice

case $choice in
    1)
        echo -e "${YELLOW}💻 启动本地测试服务器...${NC}"
        echo ""
        echo -e "${GREEN}📱 访问地址：${NC}"
        echo "  🖥️  电脑：http://localhost:8080"
        
        # 获取本机IP
        if [[ "$OSTYPE" == "darwin"* ]]; then
            LOCAL_IP=$(ifconfig | grep "inet " | grep -v 127.0.0.1 | awk '{print $2}' | head -1)
        else
            LOCAL_IP=$(hostname -I | awk '{print $1}')
        fi
        
        if [ ! -z "$LOCAL_IP" ]; then
            echo -e "  📱 手机：http://${LOCAL_IP}:8080"
        fi
        
        echo ""
        echo -e "${BLUE}💡 手机安装步骤：${NC}"
        echo "1. 手机连接同一WiFi"
        echo "2. 浏览器访问上述手机地址"
        echo "3. Android: 点击地址栏'安装'按钮"
        echo "4. iPhone: 点击分享 → '添加到主屏幕'"
        echo ""
        echo -e "${YELLOW}按 Ctrl+C 停止服务器${NC}"
        echo ""
        
        cd dist
        python3 -m http.server 8080
        ;;
        
    2)
        echo -e "${YELLOW}🌐 Netlify部署指南：${NC}"
        echo ""
        echo -e "${GREEN}📋 操作步骤：${NC}"
        echo "1. 打开浏览器访问：https://netlify.com"
        echo "2. 点击 'Sign up' 注册免费账号"
        echo "3. 登录后点击 'Sites' → 'Deploy manually'"
        echo "4. 将 'dist' 文件夹拖拽到页面中央"
        echo "5. 等待几秒钟自动部署完成"
        echo "6. 获得永久访问链接：https://随机名称.netlify.app"
        echo ""
        echo -e "${BLUE}📁 准备上传包：${NC}"
        
        # 创建上传包
        cd dist
        zip -r "../lucky-draw-netlify.zip" .
        cd ..
        
        echo -e "${GREEN}✅ 已创建上传包：lucky-draw-netlify.zip${NC}"
        echo -e "${YELLOW}💡 如果拖拽不方便，可以上传这个zip文件${NC}"
        
        # 在macOS上自动打开Netlify
        if [[ "$OSTYPE" == "darwin"* ]]; then
            echo ""
            read -p "是否自动打开Netlify网站？(y/n): " -r
            if [[ $REPLY =~ ^[Yy]$ ]]; then
                open "https://netlify.com"
            fi
        fi
        ;;
        
    3)
        echo -e "${YELLOW}📂 GitHub Pages部署指南：${NC}"
        echo ""
        echo -e "${GREEN}📋 操作步骤：${NC}"
        echo "1. 访问：https://github.com"
        echo "2. 注册/登录账号"
        echo "3. 点击 'New repository'"
        echo "4. 仓库名输入：lucky-draw-app"
        echo "5. 选择 'Public'，点击 'Create repository'"
        echo "6. 上传 dist 目录中的所有文件"
        echo "7. Settings → Pages → Source选择 'Deploy from a branch'"
        echo "8. Branch选择 'main'，点击 'Save'"
        echo "9. 几分钟后访问：https://你的用户名.github.io/lucky-draw-app"
        echo ""
        
        # 创建GitHub上传包
        cd dist
        zip -r "../lucky-draw-github.zip" .
        cd ..
        
        echo -e "${GREEN}✅ 已创建GitHub上传包：lucky-draw-github.zip${NC}"
        echo -e "${YELLOW}💡 解压后上传所有文件到GitHub仓库${NC}"
        
        if [[ "$OSTYPE" == "darwin"* ]]; then
            echo ""
            read -p "是否自动打开GitHub网站？(y/n): " -r
            if [[ $REPLY =~ ^[Yy]$ ]]; then
                open "https://github.com"
            fi
        fi
        ;;
        
    4)
        echo -e "${YELLOW}📱 生成分享包...${NC}"
        
        # 创建完整分享包
        SHARE_DIR="LuckyDraw_Share"
        rm -rf "$SHARE_DIR"
        mkdir -p "$SHARE_DIR"
        
        # 复制应用文件
        cp -r dist/* "$SHARE_DIR/"
        
        # 创建安装说明
        cat > "$SHARE_DIR/安装说明.txt" << 'EOF'
🎲 幸运抽奖 APP 安装指南
====================

📱 手机安装方法：

【方法1：在线安装 (推荐)】
1. 手机浏览器访问：https://你部署的网址
2. Android: 点击地址栏"安装"按钮
3. iPhone: 点击分享 → "添加到主屏幕"

【方法2：本地安装】
1. 将此文件夹放到电脑上
2. 双击 index.html 打开应用
3. 或运行 deploy.sh 启动服务器

🎯 使用说明：
- 点击卡片翻牌抽奖
- 星星图标连续点击10次进入管理员模式
- 密码：123456
- 可以精确控制每个数字的出现概率

💡 分享给朋友：
- 发送在线链接最方便
- 或将整个文件夹发送给朋友

享受抽奖乐趣！🎉
EOF
        
        # 创建一键启动脚本
        cat > "$SHARE_DIR/一键启动.command" << 'EOF'
#!/bin/bash
cd "$(dirname "$0")"
echo "🚀 启动幸运抽奖应用..."
echo "📱 访问：http://localhost:8080"
python3 -m http.server 8080
EOF
        chmod +x "$SHARE_DIR/一键启动.command"
        
        # 打包
        zip -r "幸运抽奖_完整版.zip" "$SHARE_DIR"
        
        echo -e "${GREEN}✅ 分享包创建完成：${NC}"
        echo "   📦 幸运抽奖_完整版.zip"
        echo "   📁 $SHARE_DIR/"
        echo ""
        echo -e "${BLUE}📤 分享方式：${NC}"
        echo "1. 发送 '幸运抽奖_完整版.zip' 给朋友"
        echo "2. 朋友解压后双击 'index.html' 即可使用"
        echo "3. 或双击 '一键启动.command' 启动服务器"
        ;;
        
    5)
        echo -e "${BLUE}📖 查看详细说明...${NC}"
        if [ -f "NO_SERVER_GUIDE.md" ]; then
            echo ""
            echo -e "${GREEN}✅ 详细说明文档：NO_SERVER_GUIDE.md${NC}"
            echo ""
            if [[ "$OSTYPE" == "darwin"* ]]; then
                read -p "是否打开文档？(y/n): " -r
                if [[ $REPLY =~ ^[Yy]$ ]]; then
                    open "NO_SERVER_GUIDE.md"
                fi
            else
                echo "请查看项目目录中的 NO_SERVER_GUIDE.md 文件"
            fi
        else
            echo -e "${RED}❌ 未找到说明文档${NC}"
        fi
        ;;
        
    *)
        echo -e "${RED}❌ 无效选择${NC}"
        exit 1
        ;;
esac

echo ""
echo -e "${PURPLE}🎉 部署向导完成！${NC}"
echo ""
echo -e "${YELLOW}💡 记住：${NC}"
echo "- 应用完全免费使用"
echo "- 支持手机桌面安装"
echo "- 数据保存在本地"
echo "- 可以完全离线使用"