feat: 首页登陆事件追踪

src/components/Auth/WechatRegister.js

@@ -18,6 +18,7 @@ import { authService, WECHAT_STATUS, STATUS_MESSAGES } from "../../services/auth
 import { useAuthModal } from "../../contexts/AuthModalContext";
 import { useAuth } from "../../contexts/AuthContext";
 import { logger } from "../../utils/logger";
+import { useAuthEvents } from "../../hooks/useAuthEvents";
 
 // 配置常量
 const POLL_INTERVAL = 2000; // 轮询间隔：2秒
@@ -51,6 +52,12 @@ export default function WechatRegister() {
     const { closeModal } = useAuthModal();
     const { refreshSession } = useAuth();
 
+    // 事件追踪
+    const authEvents = useAuthEvents({
+        component: 'WechatRegister',
+        isMobile: false // WechatRegister 只在桌面端显示
+    });
+
     // 状态管理
     const [wechatAuthUrl, setWechatAuthUrl] = useState("");
     const [wechatSessionId, setWechatSessionId] = useState("");
@@ -126,6 +133,13 @@ export default function WechatRegister() {
             logger.info('WechatRegister', '登录接口返回', { success: response?.success, hasUser: !!response?.user });
 
             if (response?.success) {
+                // 追踪微信登录成功
+                authEvents.trackLoginSuccess(
+                    response.user,
+                    'wechat',
+                    response.isNewUser || false
+                );
+
                 // Session cookie 会自动管理，不需要手动存储
                 // 如果后端返回了 token，可以选择性存储（兼容旧方式）
                 if (response.token) {
@@ -148,10 +162,16 @@ export default function WechatRegister() {
                 throw new Error(response?.error || '登录失败');
             }
         } catch (error) {
+            // 追踪微信登录失败
+            authEvents.trackLoginFailed('wechat', 'api', error.message || '登录失败', {
+                session_id: sessionId?.substring(0, 8) + '...',
+                status: status
+            });
+
             logger.error('WechatRegister', 'handleLoginSuccess', error, { sessionId });
             showError("登录失败", error.message || "请重试");
         }
-    }, [showSuccess, showError, closeModal, refreshSession]);
+    }, [showSuccess, showError, closeModal, refreshSession, authEvents]);
 
     /**
      * 检查微信扫码状态
@@ -191,6 +211,16 @@ export default function WechatRegister() {
             // 组件卸载后不再更新状态
             if (!isMountedRef.current) return;
 
+            // 追踪状态变化
+            if (wechatStatus !== status) {
+                authEvents.trackWechatStatusChanged(currentSessionId, wechatStatus, status);
+
+                // 特别追踪扫码事件
+                if (status === WECHAT_STATUS.SCANNED) {
+                    authEvents.trackWechatQRScanned(currentSessionId);
+                }
+            }
+
             setWechatStatus(status);
 
             // 处理成功状态
@@ -203,6 +233,9 @@ export default function WechatRegister() {
             }
             // 处理过期状态
             else if (status === WECHAT_STATUS.EXPIRED) {
+                // 追踪二维码过期
+                authEvents.trackWechatQRExpired(currentSessionId, QR_CODE_TIMEOUT / 1000);
+
                 clearTimers();
                 sessionIdRef.current = null; // 清理 sessionId
                 if (isMountedRef.current) {
@@ -268,6 +301,16 @@ export default function WechatRegister() {
         try {
             setIsLoading(true);
 
+            // 追踪用户选择微信登录(首次或刷新)
+            const isRefresh = Boolean(wechatSessionId);
+            if (isRefresh) {
+                const oldSessionId = wechatSessionId;
+                authEvents.trackWechatLoginInitiated('qr_refresh');
+                // 稍后会在成功时追踪刷新事件
+            } else {
+                authEvents.trackWechatLoginInitiated('qr_area');
+            }
+
             // 生产环境：调用真实 API
             const response = await authService.getWechatQRCode();
 
@@ -283,6 +326,13 @@ export default function WechatRegister() {
                 throw new Error(response.message || '获取二维码失败');
             }
 
+            // 追踪二维码显示 (首次或刷新)
+            if (isRefresh) {
+                authEvents.trackWechatQRRefreshed(wechatSessionId, response.data.session_id);
+            } else {
+                authEvents.trackWechatQRDisplayed(response.data.session_id, response.data.auth_url);
+            }
+
             // 同时更新 ref 和 state，确保轮询能立即读取到最新值
             sessionIdRef.current = response.data.session_id;
             setWechatAuthUrl(response.data.auth_url);
@@ -297,6 +347,11 @@ export default function WechatRegister() {
             // 启动轮询检查扫码状态
             startPolling();
         } catch (error) {
+            // 追踪获取二维码失败
+            authEvents.trackError('api', error.message || '获取二维码失败', {
+                context: 'get_wechat_qrcode'
+            });
+
             logger.error('WechatRegister', 'getWechatQRCode', error);
             if (isMountedRef.current) {
                 showError("获取微信授权失败", error.message || "请稍后重试");
@@ -306,7 +361,7 @@ export default function WechatRegister() {
                 setIsLoading(false);
             }
         }
-    }, [startPolling, showError]);
+    }, [startPolling, showError, wechatSessionId, authEvents]);
 
     /**
      * 安全的按钮点击处理，确保所有错误都被捕获，防止被 ErrorBoundary 捕获