需要开发 IM

stores/user.js

@@ -3,13 +3,17 @@ import {
   getToken,
   getUserInfoData,
   setUserInfoData,
-  removeUserInfoData
+  removeUserInfoData,
+  getSig,
+  setSig,
+  removeSig
 } from '@/utils/storage'
 import { useTokenStore } from './token'
 import { getUserData, userLogout } from '@/api'
 import { ref } from 'vue'
 import { useUI } from '@/utils/use-ui'
 import { reLaunch } from '@/utils/router'
+import { getTencentUserSig } from '@/api'
 
 export const useUserStore = defineStore('user', () => {
   const { clearToken } = useTokenStore()
@@ -18,8 +22,8 @@ export const useUserStore = defineStore('user', () => {
   const userInfo = ref(
     getUserInfoData() ? JSON?.parse(getUserInfoData()) : {}
   )
-
-  /** 用户信息对象 */
+  /** 腾讯 IM 存储数据 */
+  const tencentUserSig = ref(getSig() ? JSON?.parse(getSig()) : {})
 
   /**
    * 获取用户信息（可从缓存或接口）
@@ -28,23 +32,27 @@ export const useUserStore = defineStore('user', () => {
     // 尝试从本地缓存读取
     const cachedToken = getToken()
     const cachedUserInfo = getUserInfoData()
+    const cachedSig = getSig()
 
     if (cachedToken && cachedUserInfo) {
       userInfo.value = JSON.parse(cachedUserInfo)
+      tencentUserSig.value = JSON.parse(cachedSig)
       return
     }
     const res = await getUserData()
-    setUserInfo(res.data)
+    await setUserInfo(res.data)
     return
   }
 
   /**
    * 设置用户信息
    */
-  const setUserInfo = data => {
+  const setUserInfo = async data => {
+    const res = await getTencentUserSig()
+    tencentUserSig.value = res.data
     userInfo.value = data
-    // 同步到本地存储
     setUserInfoData(data)
+    setSig(res.data)
   }
 
   /**
@@ -57,6 +65,7 @@ export const useUserStore = defineStore('user', () => {
       userInfo.value = null
       clearToken()
       removeUserInfoData()
+      removeSig()
       reLaunch('/pages/login/login')
     }
   }
@@ -64,7 +73,7 @@ export const useUserStore = defineStore('user', () => {
   /** 刷新用户信息（如用户信息被修改） */
   const refreshUserInfo = async () => {
     const res = await getUserData()
-    setUserInfo(res.data)
+    await setUserInfo(res.data)
   }
 
   /**
@@ -78,6 +87,7 @@ export const useUserStore = defineStore('user', () => {
 
   return {
     userInfo,
+    tencentUserSig,
     refreshUserInfo,
     fetchUserInfo,
     setUserInfo,