import { defineStore } from 'pinia' import { getToken, getUserInfoData, setUserInfoData, removeUserInfoData, getSig, setSig, removeSig, getFontSize, setFontSize, removeFontSize } from '@/utils/storage' // #ifdef APP-PLUS import { useLoginState } from '@/uni_modules/tuikit-atomic-x/state/LoginState' import * as CallLib from "@/uni_modules/RongCloud-CallWrapper/lib/index" import RCIMIWEngine from '@/uni_modules/RongCloud-IMWrapper-V2/js_sdk/RCIMEngine' import permision from "@/js_sdk/wa-permission/permission.js" import { reasonDeal, errorDeal, imCode } from '@/utils/code.js' // #endif // #ifdef H5 import { useLoginState } from 'tuikit-atomicx-vue3' // #endif import { useTokenStore } from './token' import { getUserData, userLogout, updateUserData } from '@/api' 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' import { TUIChatEngine } from '@tencentcloud/chat-uikit-engine-lite' import { getUserIntegral } from '@/api/my-index' import { removeFriendList, removeGroupList } from '../utils/storage' import { getRongYunLoginInfo } from '../api' export const useUserStore = defineStore('user', () => { const { clearToken } = useTokenStore() const { showDialog, showToast } = useUI() const userInfo = ref( getUserInfoData() ? JSON?.parse(getUserInfoData()) : {} ) /** 用户字体大小 */ const fontSizeData = ref(getFontSize()) /** 腾讯 IM 存储数据 */ const tencentUserSig = ref(getSig() ? JSON?.parse(getSig()) : {}) /** 用户积分数 */ const integralData = ref(0) // 融云 const imEngine = ref(null) /** * 获取用户信息(可从缓存或接口) */ const fetchUserInfo = async () => { // 尝试从本地缓存读取 const cachedToken = getToken() const cachedUserInfo = getUserInfoData() const cachedSig = getSig() if (cachedToken && cachedUserInfo) { userInfo.value = JSON.parse(cachedUserInfo) tencentUserSig.value = JSON.parse(cachedSig) loginTencentIM() return } await getIntegral() const res = await getUserData() await setUserInfo(res.data) loginTencentIM() return } /** * 设置用户信息 */ const setUserInfo = async data => { const res = await getTencentUserSig() const ryData = await getRongYunLoginInfo() const IM_DATA = { ...res.data, ...ryData.data } tencentUserSig.value = IM_DATA userInfo.value = data setUserInfoData(data) setSig(IM_DATA) } /** 获取用户积分 */ const getIntegral = async () => { const res = await getUserIntegral() integralData.value = res.data.availablePoints } /** * 登录腾讯 IM */ const loginTencentIM = async () => { await refreshUserInfo() await TUILogin.login({ SDKAppID: tencentUserSig.value.sdkappID, userID: tencentUserSig.value.userId, userSig: tencentUserSig.value.userSig, framework: `vue3` }) await TUIChatEngine.login({ SDKAppID: tencentUserSig.value.sdkappID, userID: tencentUserSig.value.userId, userSig: tencentUserSig.value.userSig, useUploadPlugin: true // 使用文件上传插件 }) // #ifdef H5 await useLoginState().login({ SDKAppID: tencentUserSig.value.sdkappID, userID: tencentUserSig.value.userId, userSig: tencentUserSig.value.userSig }) // #endif // #ifdef APP-PLUS await useLoginState().login({ sdkAppID: tencentUserSig.value.sdkappID, userID: tencentUserSig.value.userId, userSig: tencentUserSig.value.userSig }) console.log(tencentUserSig.value.appKey, '====') connectIM() // #endif } //连接融云IM async function connectIM() { const options = { naviServer: '' } if(!imEngine.value){ imEngine.value = await RCIMIWEngine.create(tencentUserSig.value.appKey, options) } imEngine.value.setOnConnectedListener((res) => { if (res.code != 0) { uni.hideLoading(); uni.showToast({ title: 'OnCon:' + res.code, icon: 'error' }) return } //连接成功 CallLib.init({}); onAllListeners() console.log('call.init') uni.hideLoading(); console.log('登录成功') if (uni.getSystemInfoSync().platform === 'android') { permision.requestAndroidPermission('android.permission.CAMERA'); permision.requestAndroidPermission('android.permission.RECORD_AUDIO'); } }); let code = await imEngine.value.connect(tencentUserSig.value.ryToken, 10) if (code != 0) { uni.hideLoading(); uni.showToast({ title: 'connect:' + code, icon: 'error' }) } } function onAllListeners() { CallLib.onCallReceived(res => { console.log(res) console.log( 'Engine:OnCallReceived=>' + '监听通话呼入, 目标id=>', res.data.targetId ) let session = res.data // //呼入 uni.setStorageSync('room-parameters', { callType: 'in', mediaType: session.mediaType === 0 ? 'audio' : 'video', callId: res.data.callId, mine: res.data.mine.userId }); //跳转.nvue uni.navigateTo({ url:'/pages/room/incom' }); }) CallLib.onCallConnected(res => { console.log(res) console.log( 'Engine:OnCallConnected=>' + '已建立通话通话接通时,通过回调 onCallConnected 通知当前 call 的详细信息', res ) }) CallLib.onRemoteUserInvited((res)=>{ console.log("Engine:OnRemoteUserInvited=>"+"通话中的某一个参与者,邀请好友加入通话 ,远端Id为=>", res.data.userId); uni.$emit('OnCallConnected'); }) CallLib.onRemoteUserJoined(res => { console.log( 'Engine:OnRemoteUserJoined=>' + '主叫端拨出电话,被叫端收到请求后,加入通话,被叫端Id为=>', res.data.userId ) uni.$emit('OnCallConnected'); }) CallLib.onCallDisconnected(res => { console.log( 'Engine:OnCallDisconnected=>' + '挂断成功, 挂断原因=>', res.data.reason ) uni.$emit('OnCallDisconnected'); uni.navigateBack() }) } /** * 清除用户信息(退出登录) */ const clearUserInfo = async () => { const show = await showDialog('提示', '确定要退出登录吗?') if (show) { await logout() } } /** * 退出登录(不带提示) */ const logout = async () => { if (!userInfo.value) return try { userInfo.value = null await userLogout() await TUILogin.logout() await TUIChatEngine.logout() // #ifdef APP-PLUS removeFriendList() removeGroupList() removeAllListeners() await useLoginState().logout() // #endif // #ifdef H5 await useLoginState().logout() // #endif clearAllUserInfo() await showToast('退出登录成功', 'success') reLaunch('/pages/login/login') } catch (error) { clearAllUserInfo() await showToast('退出登录成功', 'success') reLaunch('/pages/login/login') } } function removeAllListeners(){ CallLib.unInit(); //移除监听-接收到通话呼入 CallLib.removeCallReceivedListener(); // 移除监听-开始呼叫通话的回调 CallLib.removeCallOutgoingListener(); // 移除监听-通话已接通 CallLib.removeCallReceivedListener(); // 移除监听-通话已结束 CallLib.removeCallDisconnectedListener(); // 移除监听-对端用户正在振铃 CallLib.removeRemoteUserRingingListener(); // 移除监听-对端用户加入了通话 CallLib.removeRemoteUserJoinedListener(); // 移除监听-有用户被邀请加入通话 CallLib.removeRemoteUserInvited(); // 移除监听-对端用户挂断 CallLib.removeRemoteUserLeftListener(); // 移除监听-对端用户切换了媒体类型 CallLib.removeRemoteUserMediaTypeChangedListener(); // 移除监听-通话出现错误的回调 CallLib.removeErrorListener(); } /** 清空所有用户缓存 */ const clearAllUserInfo = async () => { userInfo.value = null tencentUserSig.value = null fontSizeData.value = 26 clearToken() removeUserInfoData() removeSig() removeFontSize() } /** 刷新用户信息(如用户信息被修改) */ const refreshUserInfo = async () => { const res = await getUserData() await getIntegral() await setUserInfoData(res.data) userInfo.value = res.data } /** * 更新部分用户信息(例如昵称、头像) */ const updateUserInfo = async partialData => { if (!userInfo.value) return await updateUserData(partialData) await refreshUserInfo() } /** 更新字体大小 */ const updateFontSize = async fontSize => { fontSizeData.value = fontSize setFontSize(fontSize) } return { userInfo, integralData, tencentUserSig, fontSizeData, getIntegral, clearAllUserInfo, updateFontSize, logout, refreshUserInfo, fetchUserInfo, loginTencentIM, setUserInfo, clearUserInfo, updateUserInfo } })