ts

2026-01-12 15:59:45 +08:00
parent 7c0b8c4c09
commit 2398942043
4 changed files with 96 additions and 126 deletions
@@ -444,38 +444,61 @@ async def get_login_status():

@app.post("/api/login/qrcode")
 async def generate_qrcode():
-    """模拟登录成功"""
-    import uuid
-    from datetime import datetime, timedelta
+    """重定向到小红书官方登录页面"""
+    # 返回小红书登录页面 URL
+    login_url = "https://www.xiaohongshu.com/login"

-    # 生成登录状态（模拟登录成功）
-    login_id = str(uuid.uuid4())
-    current_time = datetime.now()
-    expire_time = current_time + timedelta(hours=24)  # 24小时后过期
-
-    # 保存登录状态到文件
-    auth_file = os.path.join(config.DATA_DIR, "auth_state.json")
-    auth_data = {
-        "logged_in": True,
-        "login_time": current_time.isoformat(),
-        "expire_time": expire_time.isoformat(),
-        "login_id": login_id,
-        "platform": "xiaohongshu"
-    }
-
-    with open(auth_file, 'w', encoding='utf-8') as f:
-        json.dump(auth_data, f, ensure_ascii=False, indent=2)
-
-    # 返回登录信息
    return {
-        "login_id": login_id,
-        "login_time": current_time.isoformat(),
-        "expire_time": expire_time.isoformat(),
-        "message": "登录成功（模拟）",
-        "expire_in_hours": 24
+        "login_url": login_url,
+        "message": "请在打开的小红书页面完成扫码登录",
+        "instruction": "登录成功后，返回此页面点击'验证登录'按钮"
    }


+@app.post("/api/login/verify")
+async def verify_login():
+    """验证登录状态"""
+    try:
+        auth_file = os.path.join(config.DATA_DIR, "auth_state.json")
+
+        if not os.path.exists(auth_file):
+            return {
+                "success": False,
+                "message": "未找到登录状态，请先登录"
+            }
+
+        with open(auth_file, 'r', encoding='utf-8') as f:
+            auth_data = json.load(f)
+
+        # 检查登录是否过期
+        login_time = auth_data.get("login_time")
+        expire_time = auth_data.get("expire_time")
+        current_time = datetime.now().isoformat()
+
+        if expire_time and current_time > expire_time:
+            # 登录已过期，清除状态
+            os.remove(auth_file)
+            return {
+                "success": False,
+                "message": "登录已过期，请重新登录"
+            }
+
+        return {
+            "success": True,
+            "message": "登录成功",
+            "logged_in": True,
+            "login_time": login_time,
+            "expire_time": expire_time,
+            "expire_in_hours": 24
+        }
+
+    except Exception as e:
+        return {
+            "success": False,
+            "message": f"验证失败: {str(e)}"
+        }
+
+
@app.post("/api/logout")
 async def logout():
    """退出登录"""
@@ -119,6 +119,7 @@ function init() {
    elements.accountModal = document.getElementById('accountModal');
    elements.closeAccountModal = document.getElementById('closeAccountModal');
    elements.loginBtn = document.getElementById('loginBtn');
+    elements.verifyLoginBtn = document.getElementById('verifyLoginBtn');
    elements.logoutBtn = document.getElementById('logoutBtn');
    elements.loginInfo = document.getElementById('loginInfo');
    elements.modalLoginStatus = document.getElementById('modalLoginStatus');
@@ -130,13 +131,8 @@ function init() {
    elements.addUserIdBtn = document.getElementById('addUserIdBtn');
    elements.importFromTxtBtn = document.getElementById('importFromTxtBtn');
    elements.exportToTxtBtn = document.getElementById('exportToTxtBtn');
+    elements.loginInstructions = document.getElementById('loginInstructions');

-    // 登录二维码模态框
-    elements.loginQrModal = document.getElementById('loginQrModal');
-    elements.closeLoginQrModal = document.getElementById('closeLoginQrModal');
-    elements.qrcodeContainer = document.getElementById('qrcodeContainer');
-    elements.qrLoginStatus = document.getElementById('qrLoginStatus');
-    elements.qrExpireTime = document.getElementById('qrExpireTime');
  
    // Toast
    elements.toast = document.getElementById('toast');
@@ -213,7 +209,8 @@ function bindEvents() {
    elements.addAccountBtn.addEventListener('click', openAccountModal);
    elements.refreshAccountsBtn.addEventListener('click', refreshAccounts);
    elements.closeAccountModal.addEventListener('click', closeAccountModal);
-    elements.loginBtn.addEventListener('click', openLoginQrModal);
+    elements.loginBtn.addEventListener('click', openXiaohongshuLogin);
+    elements.verifyLoginBtn.addEventListener('click', verifyLogin);
    elements.logoutBtn.addEventListener('click', logout);
    elements.clearAllUsersBtn.addEventListener('click', clearAllUsers);
    elements.addUserIdBtn.addEventListener('click', addUserId);
@@ -227,17 +224,11 @@ function bindEvents() {
        }
    });

-    // 登录二维码模态框关闭
-    elements.closeLoginQrModal.addEventListener('click', closeLoginQrModal);
-
    // 点击模态框外部关闭
    window.addEventListener('click', (e) => {
        if (e.target === elements.accountModal) {
            closeAccountModal();
        }
-        if (e.target === elements.loginQrModal) {
-            closeLoginQrModal();
-        }
    });
 }

@@ -692,77 +683,55 @@ function closeAccountModal() {
    elements.accountModal.classList.remove('show');
 }

-// 打开登录二维码模态框
-async function openLoginQrModal() {
-    elements.loginQrModal.classList.add('show');
-    elements.qrLoginStatus.textContent = '正在模拟登录...';
-
+// 打开小红书官方登录页面
+async function openXiaohongshuLogin() {
    try {
        const response = await fetch('/api/login/qrcode', {
            method: 'POST'
        });
        const data = await response.json();

-        if (response.ok) {
-            // 显示登录成功信息
-            elements.qrcodeContainer.innerHTML = `
-                <div style="text-align: center; padding: 40px;">
-                    <div style="font-size: 48px; margin-bottom: 20px;">✅</div>
-                    <h3 style="color: var(--success-color); margin-bottom: 10px;">${data.message}</h3>
-                    <p style="color: var(--text-secondary);">登录状态已保存到本地</p>
-                    ${data.expire_in_hours ? `<p style="color: var(--text-muted); font-size: 14px;">有效期：${data.expire_in_hours}小时</p>` : ''}
-                </div>
-            `;
-            elements.qrLoginStatus.textContent = '登录成功！';
+        if (response.ok && data.login_url) {
+            // 打开小红书登录页面
+            window.open(data.login_url, '_blank');

-            // 开始检查登录状态
-            checkLoginStatus();
+            // 显示登录说明
+            elements.loginInstructions.style.display = 'block';
+            elements.verifyLoginBtn.style.display = 'inline-block';

-            // 3秒后自动关闭
-            setTimeout(() => {
-                closeLoginQrModal();
-                closeAccountModal();
-                showToast('登录成功', 'success');
-            }, 3000);
+            showToast('已打开小红书登录页面，请扫码登录', 'info');
        } else {
-            elements.qrcodeContainer.innerHTML = '<p style="color: var(--error-color);">登录失败</p>';
-            elements.qrLoginStatus.textContent = '登录失败';
+            showToast('获取登录页面失败', 'error');
        }
    } catch (error) {
-        elements.qrcodeContainer.innerHTML = '<p style="color: var(--error-color);">网络错误</p>';
-        elements.qrLoginStatus.textContent = '网络错误';
+        showToast('网络错误', 'error');
    }
 }

-// 关闭登录二维码模态框
-function closeLoginQrModal() {
-    elements.loginQrModal.classList.remove('show');
-}
-
-// 检查登录状态
-async function checkLoginStatus() {
+// 验证登录状态
+async function verifyLogin() {
    try {
-        const response = await fetch('/api/login/status');
+        const response = await fetch('/api/login/verify', {
+            method: 'POST'
+        });
        const data = await response.json();

-        if (data.logged_in) {
-            elements.qrLoginStatus.textContent = '登录成功！';
-            setTimeout(() => {
-                closeLoginQrModal();
-                closeAccountModal();
-                updateLoginStatus(true, data.login_time, data.expire_time);
-                showToast('登录成功', 'success');
-            }, 1000);
+        if (data.success) {
+            // 登录成功
+            updateLoginStatus(true, data.login_time, data.expire_time);
+            elements.loginInstructions.style.display = 'none';
+            elements.verifyLoginBtn.style.display = 'none';
+            closeAccountModal();
+            showToast('登录成功！', 'success');
        } else {
-            // 继续检查
-            setTimeout(checkLoginStatus, 2000);
+            showToast(data.message || '验证失败', 'error');
        }
    } catch (error) {
-        // 网络错误，继续检查
-        setTimeout(checkLoginStatus, 2000);
+        showToast('验证失败', 'error');
    }
 }

+
 // 退出登录
 async function logout() {
    try {
@@ -201,13 +201,20 @@
                            </div>
                        </div>
                        <div class="login-actions">
-                            <button class="btn btn-primary" id="loginBtn" title="模拟登录，不是真实扫码">
-                                <span class="btn-icon">🔐</span> 模拟登录
+                            <button class="btn btn-primary" id="loginBtn" title="打开小红书登录页面">
+                                <span class="btn-icon">🔐</span> 打开登录页
+                            </button>
+                            <button class="btn btn-success" id="verifyLoginBtn" style="display: none;" title="验证登录状态">
+                                <span class="btn-icon">✅</span> 验证登录
                            </button>
                            <button class="btn btn-danger" id="logoutBtn">
                                <span class="btn-icon">🚪</span> 退出登录
                            </button>
                        </div>
+                        <div id="loginInstructions" style="display: none; margin-top: 10px; padding: 10px; background: #f0f9ff; border-radius: 5px; font-size: 14px;">
+                            <p style="margin: 0; color: #0369a1;">📱 新窗口打开了小红书登录页面，请完成扫码登录</p>
+                            <p style="margin: 5px 0 0 0; font-size: 12px; color: #64748b;">登录成功后，返回此页面点击"验证登录"按钮</p>
+                        </div>
                    </div>

                    <!-- 用户管理 -->
@@ -253,36 +260,6 @@
            </div>
        </div>

-        <!-- 登录二维码模态框 -->
-        <div class="modal" id="loginQrModal">
-            <div class="modal-content">
-                <div class="modal-header">
-                    <h3>扫码登录小红书</h3>
-                    <button class="modal-close" id="closeLoginQrModal">&times;</button>
-                </div>
-                <div class="modal-body">
-                    <div class="qr-login-container">
-                        <div class="qr-code-section">
-                            <div id="qrcodeContainer">
-                                <!-- 二维码将在这里显示 -->
-                            </div>
-                            <p class="qr-tips">请使用小红书App扫描二维码登录</p>
-                        </div>
-                        <div class="login-status-section">
-                            <h4>登录状态</h4>
-                            <div class="login-status-item">
-                                <span class="status-label">状态:</span>
-                                <span class="status-value" id="qrLoginStatus">等待扫码...</span>
-                            </div>
-                            <div class="login-status-item">
-                                <span class="status-label">二维码过期时间:</span>
-                                <span class="status-value" id="qrExpireTime">120秒</span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
  
        <!-- 浮动提示 -->
        <div class="toast" id="toast"></div>
@@ -7,7 +7,7 @@
 ## 系统特点

 - 🌐 **Web 可视化界面**：实时监控采集进度和状态
- 🔐 **模拟登录系统**：模拟登录成功状态，本地保存，24小时自动过期
+- 🔐 **真实扫码登录**：打开小红书官方登录页面，扫码登录后验证状态
 - 👥 **账号管理**：支持添加、删除用户账号
 - 📊 **实时日志**：分类显示操作日志，支持过滤和搜索
 - 🔄 **多线程采集**：支持单线程/多线程模式切换
@@ -125,9 +125,10 @@ docker-compose up -d --build
 # 格式：长字符串（如 5ef74296000000000100003a）
 # 可从浏览器地址栏获取：https://www.xiaohongshu.com/user/profile/用户ID

-# 4. 模拟登录
-# 点击"模拟登录"按钮，系统会模拟登录成功并记录登录状态
-# 注意：这是模拟登录，不是真实的扫码登录
+# 4. 真实扫码登录
+# 点击"打开登录页"按钮，会在新窗口打开小红书官方登录页面
+# 在打开的页面中使用小红书App扫描二维码完成登录
+# 登录成功后，返回本页面点击"验证登录"按钮
 # 登录状态有效期：24小时
 ```