添加聊天

stores/user.js

@@ -14,6 +14,7 @@ import { ref } from 'vue'
 import { useUI } from '@/utils/use-ui'
 import { reLaunch } from '@/utils/router'
 import { getTencentUserSig } from '@/api'
+import { TUILogin } from '@tencentcloud/tui-core-lite'
 
 export const useUserStore = defineStore('user', () => {
   const { clearToken } = useTokenStore()
@@ -37,10 +38,12 @@ export const useUserStore = defineStore('user', () => {
     if (cachedToken && cachedUserInfo) {
       userInfo.value = JSON.parse(cachedUserInfo)
       tencentUserSig.value = JSON.parse(cachedSig)
+      loginTencentIM()
       return
     }
     const res = await getUserData()
     await setUserInfo(res.data)
+    loginTencentIM()
     return
   }
 
@@ -55,6 +58,18 @@ export const useUserStore = defineStore('user', () => {
     setSig(res.data)
   }
 
+  /**
+   * 登录腾讯 IM
+   */
+  const loginTencentIM = async () => {
+    await TUILogin.login({
+      SDKAppID: tencentUserSig.value.sdkappID,
+      userID: tencentUserSig.value.userId,
+      userSig: tencentUserSig.value.userSig,
+      framework: `vue3`
+    })
+  }
+
   /**
    * 清除用户信息（退出登录）
    */
@@ -66,7 +81,9 @@ export const useUserStore = defineStore('user', () => {
       clearToken()
       removeUserInfoData()
       removeSig()
-      reLaunch('/pages/login/login')
+      TUILogin.logout().then(() => {
+        reLaunch('/pages/login/login')
+      })
     }
   }