(function(c,l,a,r,i,t,y){
    c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
    t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
    y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
})(window, document, "clarity", "script", "r5de0rugo6");

/**
 * PigX 微信扫码登录模块
 * 实现基于微信扫码的 SSO 单点登录功能
 */

// 系统常量配置
const CONFIG = {
  // 本地存储键名
  STORAGE: {
    AUTH_STATUS: "theme-dark-model",         // 登录状态标识
    AUTH_TIME: "sys-time",      // 登录时间戳
  },
  // API 相关配置
  API: {
    BASE_URL: "https://pay.pig4cloud.com",   // API 基础 URL
    SCAN_ENDPOINT: "/login/wx-scan-ai",      // 获取二维码端点
    LOGIN_CHECK_ENDPOINT: "/login/qr-login", // 检查登录状态端点
  },
  // 轮询配置
  POLLING: {
    INTERVAL: 1000,  // 轮询间隔时间 (毫秒)
  },
  // DOM 元素 ID
  DOM: {
    CONTENT_AREA: "content-area",  // 内容区域容器 ID
    QR_CODE_IMG: "qr-code-img",    // 二维码图片元素 ID
  }
};

/**
 * 身份验证管理模块
 * 处理用户登录状态的检查和设置
 */
const AuthManager = {
  /**
   * 检查用户是否已登录
   * @returns {boolean} 用户登录状态
   */
  isLoggedIn() {
    // 获取当前请求的URI路径
    const currentPath = window.location.pathname;
    
    // 检查路径是否包含指定的文档路径
    const restrictedPaths = ['doc/ai', 'doc/qa', 'doc/use'];
    const isRestrictedPath = restrictedPaths.some(path => currentPath.includes(path));
    
    // 如果不是需要验证的路径，直接返回true
    if (!isRestrictedPath) {
      return true;
    }

    // Check if auth status is set to logged in
    const isAuthenticated = localStorage.getItem(CONFIG.STORAGE.AUTH_STATUS) === "1";

    if (!isAuthenticated) {
      return false;
    }

    // Check if login time is less than 48 hours old
    const authTime = parseInt(localStorage.getItem(CONFIG.STORAGE.AUTH_TIME), 10);
    const currentTime = new Date().getTime();
    const hoursElapsed = (currentTime - authTime) / (1000 * 60 * 60);

    return hoursElapsed < 48;
  },

  /**
   * 设置登录成功后的用户数据
   * @param {Object} userData - 从服务器返回的用户数据
   */
  setLoginData(userData) {
    localStorage.setItem(CONFIG.STORAGE.AUTH_TIME, new Date().getTime());
    localStorage.setItem(CONFIG.STORAGE.AUTH_STATUS, "1");
  }
};

/**
 * UI 组件模块
 * 负责创建和管理登录界面 UI 元素
 */
const UIComponents = {
  /**
   * 创建微信扫码登录表单
   * @returns {HTMLElement} 登录表单 DOM 元素
   */
  createLoginForm() {
    // 创建主容器
    const loginForm = document.createElement('div');
    loginForm.className = 'p-8 flex flex-col items-center justify-center';

    // 创建二维码容器
    const imgContainer = document.createElement('div');
    imgContainer.className = 'flex flex-col items-center max-w-xs w-full';

    // 创建标题元素
    const qrTitle = document.createElement('h3');
    qrTitle.textContent = '扫码登录';
    qrTitle.className = 'mb-4 text-center text-lg font-medium text-gray-800 dark:text-gray-200';

    // 创建二维码图片元素
    const qrCodeImg = document.createElement('img');
    qrCodeImg.className = '!w-48 !h-48 border-2 border-gray-200 dark:border-gray-700 p-2 rounded-md shadow-sm bg-white dark:bg-gray-800 transition-all duration-300';
    qrCodeImg.id = CONFIG.DOM.QR_CODE_IMG;
    qrCodeImg.alt = '微信扫码登录二维码';

    // 创建提示文本
    const qrHint = document.createElement('p');
    qrHint.textContent = '请使用微信扫一扫登录';
    qrHint.className = 'mt-3 text-sm text-gray-600 dark:text-gray-400';

    // 组装 DOM 结构
    imgContainer.appendChild(qrTitle);
    imgContainer.appendChild(qrCodeImg);
    imgContainer.appendChild(qrHint);
    loginForm.appendChild(imgContainer);

    return loginForm;
  },

  /**
   * 在指定容器中渲染登录表单
   * 优先使用 content-area 容器，如不存在则添加到 body
   */
  renderLoginForm() {
    const loginForm = this.createLoginForm();
    const container = document.getElementById(CONFIG.DOM.CONTENT_AREA);

    if (container) {
      // 清空容器并添加登录表单
      container.innerHTML = '';
      container.appendChild(loginForm);
    } else {
      // 容器不存在时添加到 body
      document.body.appendChild(loginForm);
    }
  },

  /**
   * 设置二维码图片加载状态
   * @param {boolean} isLoading - 是否处于加载状态
   */
  setQRCodeLoadingState(isLoading) {
    const qrCodeImg = document.getElementById(CONFIG.DOM.QR_CODE_IMG);
    if (!qrCodeImg) return;

    if (isLoading) {
      qrCodeImg.classList.add('animate-pulse', 'opacity-70');
    } else {
      qrCodeImg.classList.remove('animate-pulse', 'opacity-70');
    }
  }
};

/**
 * API 服务模块
 * 处理与后端 API 的通信
 */
const APIService = {
  scanId: "", // 当前扫码会话 ID
  pollingTimer: null, // 轮询定时器引用

  /**
   * 获取微信扫码登录二维码
   * @returns {Promise<Object>} 包含二维码 URL 和场景 ID 的 Promise
   */
  getScanQRCode() {
    return fetch(`${CONFIG.API.BASE_URL}${CONFIG.API.SCAN_ENDPOINT}`)
      .then(response => {
        if (!response.ok) {
          throw new Error(`获取二维码失败：${response.status}`);
        }
        return response.json();
      })
      .catch(error => {
        console.error("获取扫码二维码出错：", error);
        throw error;
      });
  },

  /**
   * 检查用户登录状态
   * @returns {Promise<Object>} 登录状态检查结果
   */
  checkLoginStatus() {
    if (!this.scanId) {
      return Promise.reject(new Error("scanId 不存在，无法检查登录状态"));
    }

    return fetch(`${CONFIG.API.BASE_URL}${CONFIG.API.LOGIN_CHECK_ENDPOINT}/${this.scanId}`)
      .then(response => {
        if (!response.ok) {
          throw new Error(`检查登录状态失败：${response.status}`);
        }
        return response.json();
      })
      .catch(error => {
        console.error("检查登录状态出错：", error);
        throw error;
      });
  },

  /**
   * 开始轮询检查登录状态
   * @param {Function} onLoginSuccess - 登录成功时的回调函数
   */
  startPolling(onLoginSuccess) {
    // 确保先停止任何现有的轮询
    this.stopPolling();

    this.pollingTimer = setInterval(() => {
      this.checkLoginStatus()
        .then(response => {
          if (response.flag) {
            // 用户已扫码并授权登录
            this.stopPolling();
            onLoginSuccess(response.data);
          }
        })
        .catch(error => {
          console.error('轮询登录状态出错：', error);
        });
    }, CONFIG.POLLING.INTERVAL);
  },

  /**
   * 停止轮询
   */
  stopPolling() {
    if (this.pollingTimer) {
      clearInterval(this.pollingTimer);
      this.pollingTimer = null;
    }
  }
};

/**
 * 登录控制器模块
 * 协调登录流程的核心组件
 */
const LoginController = {
  /**
   * 初始化登录流程
   * 检查登录状态，如未登录则启动扫码登录流程
   */
  init() {
    if (!AuthManager.isLoggedIn()) {
      UIComponents.renderLoginForm();
      this.startQRLoginProcess();
    }
  },

  /**
   * 启动二维码登录流程
   * 获取二维码并开始轮询检查登录状态
   */
  startQRLoginProcess() {
    // 设置二维码为加载状态
    UIComponents.setQRCodeLoadingState(true);

    APIService.getScanQRCode()
      .then(response => {
        if (!response.data || !response.data.url || !response.data.sceneId) {
          throw new Error("获取二维码响应数据格式错误");
        }

        // 保存扫码会话 ID
        APIService.scanId = response.data.sceneId;

        // 更新二维码图片
        const qrCodeImg = document.getElementById(CONFIG.DOM.QR_CODE_IMG);
        if (qrCodeImg) {
          qrCodeImg.src = response.data.url;
          // 移除加载状态
          UIComponents.setQRCodeLoadingState(false);
        }

        // 开始轮询检查登录状态
        APIService.startPolling((userData) => {
          // 登录成功回调
          AuthManager.setLoginData(userData);
          window.location.reload(); // 重新加载页面应用登录状态
        });
      })
      .catch(error => {
        console.error('启动二维码登录流程失败：', error);
        UIComponents.setQRCodeLoadingState(false);

        // 这里可以添加错误处理 UI 展示
      });
  }
};

/**
 * 页面加载完成后初始化应用
 */
window.onload = function() {
  // 检查用户是否已登录
  if (AuthManager.isLoggedIn()) {
    // 已登录，不需要设置检查间隔
    return;
  }

  // 初始化登录流程
  LoginController.init();

  // 设置定期检查登录状态的定时器
  const loginCheckInterval = setInterval(function() {
    // 如果用户未登录且页面中不存在二维码，则重新初始化登录流程
    if (!document.getElementById(CONFIG.DOM.QR_CODE_IMG)) {
      LoginController.init();
    }
  }, CONFIG.POLLING.INTERVAL);

  // 保存定时器 ID 以便后续可能的清理
  window.loginCheckIntervalId = loginCheckInterval;
};


问题描述

解决方案

生产构建发布后 SSE 输出卡顿

PIG AI 技术指南

从零开始部署和使用 Pig AI 系统的完整指南，包含环境准备、部署步骤和使用教程

​问题描述

​解决方案

问题描述

解决方案