feat:优化同步

wlzboy

7 小时以前 10354e63eb3298beb9ebcc029dd9f48d8936a272

 app/App.vue

@@ -3,6 +3,8 @@
  import store from '@/store'
  import { getToken } from '@/utils/auth'
  import { getUnreadCount } from '@/api/message'
  import storage from '@/utils/storage'
  import { redirectToLoginByEnvironment } from '@/utils/wechat'

  export default {
    data() {
@@ -11,9 +13,13 @@
        lastToken: null // 用于检测 token 变化
      }
    },
    onLaunch: function() {
    onLaunch: function(options) {
      console.log('App onLaunch, options:', options);
      this.lastToken = getToken()
      this.initApp()
      this.initApp(options)
      
      // 检查并清理存储空间
      this.checkStorage()
      
      // 监听用户登录事件
      uni.$on('user-login', () => {
@@ -22,7 +28,7 @@
        if (token) {
          this.lastToken = token
          this.updateUnreadMessageBadge()
          this.startMessagePolling()
          // this.startMessagePolling()
        }
      })
      
@@ -32,7 +38,11 @@
        this.stopMessagePolling()
        this.lastToken = null
        // 清除消息徽标
        uni.removeTabBarBadge({ index: 3 })
        try {
          uni.removeTabBarBadge({ index: 3 })
        } catch (e) {
          console.error('清除消息徽标失败:', e)
        }
      })
    },
    onShow: function() {
@@ -58,7 +68,7 @@
        this.updateUnreadMessageBadge()
        // 重新启动轮询（如果之前已停止）
        if (!this.messagePollingTimer) {
          this.startMessagePolling()
          // this.startMessagePolling()
        }
      }
    },
@@ -68,13 +78,15 @@
    },
    methods: {
      // 初始化应用
      initApp() {
        // 初始化应用配置
        this.initConfig()
        // 检查用户登录状态
        //#ifdef H5
        this.checkLogin()
        //#endif
      initApp(options) {
        try {
          // 初始化应用配置
          this.initConfig()
          // 检查用户登录状态并自动跳转到合适的登录页面
          this.checkLoginAndRedirect(options)
        } catch (e) {
          console.error('初始化应用失败:', e)
        }
        
        // 注意：不在应用启动时自动启动轮询
        // 只有在用户主动登录成功后才启动（通过 user-login 事件触发）
@@ -82,22 +94,64 @@
      initConfig() {
        this.globalData.config = config
      },
      checkLogin() {
        if (!getToken()) {
          this.$tab.reLaunch('/pages/login') 
      // 检查登录状态并自动跳转到合适的登录页面
      checkLoginAndRedirect(options) {
        try {
          if (!getToken()) {
            console.log('用户未登录，准备跳转到登录页面')
            // 保存目标页面用于登录后跳转
            if (options && options.path && 
                options.path !== 'pages/login' && 
                options.path !== 'pages/qylogin') {
              // 构造完整的路径和查询参数
              let fullPath = '/' + options.path;
              if (options.query) {
                const queryString = Object.keys(options.query).map(key => 
                  `${key}=${encodeURIComponent(options.query[key])}`).join('&');
                if (queryString) {
                  fullPath += '?' + queryString;
                }
              }
              
              // 保存目标URL到本地存储
              try {
                uni.setStorageSync('targetUrl', fullPath);
              } catch (e) {
                console.error('保存目标URL失败:', e);
              }
            }
            
            // 使用工具类根据环境自动跳转到合适的登录页面
            redirectToLoginByEnvironment(options, this.$tab);
          } else {
            console.log('用户已登录，无需跳转')
          }
        } catch (e) {
          console.error('检查登录状态并跳转失败:', e)
          // fallback到普通登录页面
          try {
            this.$tab.reLaunch('/pages/login');
          } catch (fallbackError) {
            console.error('fallback跳转也失败了:', fallbackError);
          }
        }
      },
      
      // 判断当前是否在登录页面
      isLoginPage() {
        const pages = getCurrentPages()
        if (pages.length === 0) {
        try {
          const pages = getCurrentPages()
          if (pages.length === 0) {
            return false
          }
          const currentPage = pages[pages.length - 1]
          const route = currentPage.route || ''
          // 判断是否为登录相关页面
          return route.includes('login') || route.includes('register')
        } catch (e) {
          console.error('判断是否为登录页面失败:', e)
          return false
        }
        const currentPage = pages[pages.length - 1]
        const route = currentPage.route || ''
        // 判断是否为登录相关页面
        return route.includes('login') || route.includes('register')
      },
      
      // 更新未读消息徽标
@@ -114,15 +168,23 @@
          
          if (count > 0) {
            // 设置徽标
            uni.setTabBarBadge({
              index: 3, // 消息页面在tabBar中的索引位置（0开始）
              text: count > 99 ? '99+' : count.toString()
            })
            try {
              uni.setTabBarBadge({
                index: 3, // 消息页面在tabBar中的索引位置（0开始）
                text: count > 99 ? '99+' : count.toString()
              })
            } catch (e) {
              console.error('设置消息徽标失败:', e)
            }
          } else {
            // 移除徽标
            uni.removeTabBarBadge({
              index: 3
            })
            try {
              uni.removeTabBarBadge({
                index: 3
              })
            } catch (e) {
              console.error('移除消息徽标失败:', e)
            }
          }
        }).catch(error => {
          console.error('获取未读消息数量失败:', error)
@@ -131,22 +193,58 @@
      
      // 启动消息轮询
      startMessagePolling() {
        // 每30秒轮询一次
        this.messagePollingTimer = setInterval(() => {
          if (getToken()) {
            this.updateUnreadMessageBadge()
          } else {
            // 如果用户已登出，停止轮询
            this.stopMessagePolling()
          }
        }, 30000) // 30秒
        try {
          // 每30秒轮询一次
          this.messagePollingTimer = setInterval(() => {
            if (getToken()) {
              this.updateUnreadMessageBadge()
            } else {
              // 如果用户已登出，停止轮询
              this.stopMessagePolling()
            }
          }, 30000) // 30秒
        } catch (e) {
          console.error('启动消息轮询失败:', e)
        }
      },
      
      // 停止消息轮询
      stopMessagePolling() {
        if (this.messagePollingTimer) {
          clearInterval(this.messagePollingTimer)
          this.messagePollingTimer = null
        try {
          if (this.messagePollingTimer) {
            clearInterval(this.messagePollingTimer)
            this.messagePollingTimer = null
          }
        } catch (e) {
          console.error('停止消息轮询失败:', e)
        }
      },
      
      // 检查存储空间
      checkStorage() {
        try {
          // 获取存储信息
          const info = storage.getStorageInfo()
          
          if (info) {
            const usagePercent = (info.currentSize / info.limitSize) * 100
            console.log(`💾 存储使用情况: ${usagePercent.toFixed(2)}% (${info.currentSize}KB / ${info.limitSize}KB)`)
            
            // 如果使用超过 80%，自动清理
            if (usagePercent > 80) {
              console.warn('⚠️ 存储空间使用超过 80%，开始自动清理...')
              storage.checkAndClean()
              
              // 再次检查
              const newInfo = storage.getStorageInfo()
              if (newInfo) {
                const newUsagePercent = (newInfo.currentSize / newInfo.limitSize) * 100
                console.log(`✅ 清理后使用情况: ${newUsagePercent.toFixed(2)}%`)
              }
            }
          }
        } catch (e) {
          console.error('检查存储失败:', e)
        }
      }
    }
@@ -155,4 +253,4 @@

<style lang="scss">
  @import '@/static/scss/index.scss'
</style>
</style>