添加音视频发送信息
This commit is contained in:
bobobobo
818
stores/user.js
818
stores/user.js
@@ -1,419 +1,461 @@
|
||||
import { defineStore } from 'pinia'
|
||||
import {
|
||||
defineStore
|
||||
} from 'pinia'
|
||||
import {
|
||||
getToken,
|
||||
getUserInfoData,
|
||||
setUserInfoData,
|
||||
removeUserInfoData,
|
||||
getSig,
|
||||
setSig,
|
||||
removeSig,
|
||||
getFontSize,
|
||||
setFontSize,
|
||||
removeFontSize
|
||||
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 { 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 {
|
||||
reasonDeal,
|
||||
errorDeal,
|
||||
imCode
|
||||
} from '@/utils/code.js'
|
||||
import { reasonDeal, errorDeal, imCode } from '@/utils/code.js'
|
||||
// #endif
|
||||
// #ifdef H5
|
||||
import {
|
||||
useLoginState
|
||||
} from 'tuikit-atomicx-vue3'
|
||||
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'
|
||||
import permision from "@/js_sdk/wa-permission/permission.js"
|
||||
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'
|
||||
import permision from '@/js_sdk/wa-permission/permission.js'
|
||||
import { navigateTo } from '@/utils/router'
|
||||
import { sendCallMsg } from '../utils/call-user'
|
||||
|
||||
export const useUserStore = defineStore('user', () => {
|
||||
const {
|
||||
clearToken
|
||||
} = useTokenStore()
|
||||
const {
|
||||
showDialog,
|
||||
showToast
|
||||
} = useUI()
|
||||
const { clearToken } = useTokenStore()
|
||||
const { showDialog, showToast } = useUI()
|
||||
|
||||
const userInfo = ref(
|
||||
getUserInfoData() ? JSON?.parse(getUserInfoData()) : {}
|
||||
)
|
||||
/** 用户字体大小 */
|
||||
const fontSizeData = ref(getFontSize())
|
||||
const userInfo = ref(
|
||||
getUserInfoData() ? JSON?.parse(getUserInfoData()) : {}
|
||||
)
|
||||
/** 用户字体大小 */
|
||||
const fontSizeData = ref(getFontSize())
|
||||
|
||||
/** 腾讯 IM 存储数据 */
|
||||
const tencentUserSig = ref(getSig() ? JSON?.parse(getSig()) : {})
|
||||
/** 腾讯 IM 存储数据 */
|
||||
const tencentUserSig = ref(getSig() ? JSON?.parse(getSig()) : {})
|
||||
|
||||
/** 用户积分数 */
|
||||
const integralData = ref(0)
|
||||
/** 融云 IM 引擎 */
|
||||
const imEngine = ref(null)
|
||||
/** 用户积分数 */
|
||||
const integralData = ref(0)
|
||||
/** 融云 IM 引擎 */
|
||||
const imEngine = ref(null)
|
||||
/** 发起通话用户id */
|
||||
const callUserId = ref('')
|
||||
/** 通话时长（秒） */
|
||||
const callDuration = ref(0)
|
||||
/** 通话模式 0：语音通话 1：视频通话 */
|
||||
const callMode = ref('0')
|
||||
/** 通话计时器 */
|
||||
const timer = ref(null)
|
||||
|
||||
/**
|
||||
* 获取用户信息（可从缓存或接口）
|
||||
*/
|
||||
const fetchUserInfo = async () => {
|
||||
// 尝试从本地缓存读取
|
||||
const cachedToken = getToken()
|
||||
const cachedUserInfo = getUserInfoData()
|
||||
const cachedSig = getSig()
|
||||
/** 开始通话计时 */
|
||||
const startTimer = () => {
|
||||
stopTimer() // 先停止之前的计时器
|
||||
timer.value = setInterval(() => {
|
||||
callDuration.value++
|
||||
}, 1000)
|
||||
}
|
||||
|
||||
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 stopTimer = () => {
|
||||
if (timer.value) {
|
||||
clearInterval(timer.value)
|
||||
timer.value = null
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 设置用户信息
|
||||
*/
|
||||
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 resetTime = () => {
|
||||
callDuration.value = 0
|
||||
}
|
||||
/** 通话模式更新 */
|
||||
const updateCallMode = mode => {
|
||||
callMode.value = mode
|
||||
}
|
||||
|
||||
/** 获取用户积分 */
|
||||
const getIntegral = async () => {
|
||||
const res = await getUserIntegral()
|
||||
integralData.value = res.data.availablePoints
|
||||
}
|
||||
/**
|
||||
* 获取用户信息（可从缓存或接口）
|
||||
*/
|
||||
const fetchUserInfo = async () => {
|
||||
// 尝试从本地缓存读取
|
||||
const cachedToken = getToken()
|
||||
const cachedUserInfo = getUserInfoData()
|
||||
const cachedSig = getSig()
|
||||
|
||||
/**
|
||||
* 登录腾讯 IM
|
||||
*/
|
||||
const loginTencentIM = async () => {
|
||||
await refreshUserInfo()
|
||||
await TUILogin.login({
|
||||
SDKAppID: tencentUserSig.value.sdkappID,
|
||||
userID: tencentUserSig.value.userId,
|
||||
userSig: tencentUserSig.value.userSig,
|
||||
framework: `vue3`
|
||||
})
|
||||
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
|
||||
}
|
||||
|
||||
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
|
||||
/**
|
||||
* 设置用户信息
|
||||
*/
|
||||
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)
|
||||
}
|
||||
|
||||
// #ifdef APP-PLUS
|
||||
await useLoginState().login({
|
||||
sdkAppID: tencentUserSig.value.sdkappID,
|
||||
userID: tencentUserSig.value.userId,
|
||||
userSig: tencentUserSig.value.userSig
|
||||
})
|
||||
console.log(tencentUserSig.value.appKey, '====')
|
||||
await connectIM()
|
||||
// #endif
|
||||
}
|
||||
/** 获取用户积分 */
|
||||
const getIntegral = async () => {
|
||||
const res = await getUserIntegral()
|
||||
integralData.value = res.data.availablePoints
|
||||
}
|
||||
|
||||
//连接融云IM
|
||||
const connectIM = async () => {
|
||||
let options = {}
|
||||
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'
|
||||
// })
|
||||
console.log("连接已存在");
|
||||
// return
|
||||
}
|
||||
//连接成功
|
||||
CallLib.init({});
|
||||
console.log('call.init')
|
||||
uni.hideLoading();
|
||||
uni.showToast({
|
||||
title: res.userId
|
||||
});
|
||||
if (uni.getSystemInfoSync().platform === 'android') {
|
||||
permision.requestAndroidPermission('android.permission.CAMERA');
|
||||
permision.requestAndroidPermission('android.permission.RECORD_AUDIO');
|
||||
}
|
||||
onAllListeners()
|
||||
});
|
||||
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);
|
||||
if (res.data.targetId) {
|
||||
// let url = res.data.mediaType == 0 ? "" : "/pages/room/room"
|
||||
uni.setStorageSync('room-parameters', {
|
||||
callType: 'in',
|
||||
mediaType: res.data.mediaType === 0 ? 'audio' : 'video'
|
||||
});
|
||||
uni.showToast({
|
||||
title:"有通话呼入该跳转了"+res.data.targetId,
|
||||
duration:3000
|
||||
})
|
||||
navigateTo("/pages/room/incom", {
|
||||
type: res.data.extra,
|
||||
callType: 'in',
|
||||
mediaType: res.data.mediaType == 0 ? "audio" : "video",
|
||||
userID: res.data.mine.userId // 对方的用户id
|
||||
})
|
||||
}
|
||||
});
|
||||
CallLib.onCallDisconnected((res)=>{
|
||||
console.log(res)
|
||||
console.log("Engine:OnCallDisconnected=>"+"通话挂断/拒绝, 挂断原因=>", res.data.reason);
|
||||
// 重新渲染视频视图
|
||||
// uni.$emit('OnCallDisconnected');
|
||||
uni.showToast({
|
||||
title:reasonDeal(res.data.reason),
|
||||
error:"error",
|
||||
icon:'none',
|
||||
duration:2000
|
||||
})
|
||||
goback()
|
||||
});
|
||||
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.onRemoteUserLeft((res)=>{
|
||||
console.log("Engine:OnRemoteUserLeft=>"+"远端用户挂断(群聊触发)，远端Id为=>", res.data.reason);
|
||||
uni.$emit('OnCallConnected');
|
||||
uni.showToast({
|
||||
title:reasonDeal(res.data.reason),
|
||||
error:"error",
|
||||
icon:'none',
|
||||
duration:2000
|
||||
})
|
||||
})
|
||||
CallLib.onCallOutgoing((res)=>{
|
||||
console.log('电话已拨出 主叫端拨出电话后，通过回调 onCallOutgoing 通知当前 call 的详细信息')
|
||||
})
|
||||
CallLib.onRemoteUserRinging((res)=>{
|
||||
console.log('被叫端正在振铃，主叫端拨出电话，被叫端收到请求，发出振铃响应时，回调 onRemoteUserRingin,对端Id为=>', res.data.userId)
|
||||
})
|
||||
CallLib.onError((res)=>{
|
||||
console.log('通话过程中，发生异常')
|
||||
uni.showToast({
|
||||
title:errorDeal(res.data.reason),
|
||||
error:"error",
|
||||
icon:'none',
|
||||
duration:2000
|
||||
});
|
||||
goback()
|
||||
})
|
||||
CallLib.onRemoteUserMediaTypeChanged((res)=>{
|
||||
console.log('当通话中的某一个参与者切换通话类型，例如由 audio 切换至 video，回调 onMediaTypeChanged,切换媒体类型的Id为=>',res.data.user.userId);
|
||||
})
|
||||
}
|
||||
|
||||
function goback () {
|
||||
const pages = getCurrentPages()
|
||||
console.log('pages: ',pages);
|
||||
if (pages.length > 1) {
|
||||
console.log("走返回");
|
||||
uni.showToast({
|
||||
title:"走返回",
|
||||
duration:3000
|
||||
})
|
||||
uni.navigateBack({
|
||||
delta: 1
|
||||
})
|
||||
const currentPage = pages[pages.length - 1]
|
||||
const prevPage = pages[pages.length - 2]
|
||||
|
||||
// 判断上一页是否是 tabBar 页面
|
||||
// const isPrevPageTabBar = isTabBarPage(currentPage.route)
|
||||
// if(!isPrevPageTabBar){
|
||||
|
||||
// }
|
||||
}
|
||||
}
|
||||
|
||||
// 判断页面是否是 tabBar 页面
|
||||
function isTabBarPage(route) {
|
||||
// 这里根据你的 pages.json 配置来判断
|
||||
const tabBarPages = [
|
||||
'TUIKit/components/TUIConversation/index',
|
||||
'TUIKit/components/TUIContact/index',
|
||||
'pages/discover/discover',
|
||||
'pages/my-index/my-index'
|
||||
]
|
||||
|
||||
// 判断路由是否在 tabBar 页面列表中
|
||||
return tabBarPages.includes(route)
|
||||
}
|
||||
/**
|
||||
* 登录腾讯 IM
|
||||
*/
|
||||
const loginTencentIM = async () => {
|
||||
await refreshUserInfo()
|
||||
await TUILogin.login({
|
||||
SDKAppID: tencentUserSig.value.sdkappID,
|
||||
userID: tencentUserSig.value.userId,
|
||||
userSig: tencentUserSig.value.userSig,
|
||||
framework: `vue3`
|
||||
})
|
||||
|
||||
/**
|
||||
* 清除用户信息（退出登录）
|
||||
*/
|
||||
const clearUserInfo = async () => {
|
||||
const show = await showDialog('提示', '确定要退出登录吗？')
|
||||
if (show) {
|
||||
await logout()
|
||||
}
|
||||
}
|
||||
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
|
||||
|
||||
/**
|
||||
* 退出登录（不带提示）
|
||||
*/
|
||||
const logout = async () => {
|
||||
if (!userInfo.value) return
|
||||
try {
|
||||
userInfo.value = null
|
||||
// #ifdef APP-PLUS
|
||||
await useLoginState().login({
|
||||
sdkAppID: tencentUserSig.value.sdkappID,
|
||||
userID: tencentUserSig.value.userId,
|
||||
userSig: tencentUserSig.value.userSig
|
||||
})
|
||||
console.log(tencentUserSig.value.appKey, '====')
|
||||
await connectIM()
|
||||
// #endif
|
||||
}
|
||||
|
||||
await userLogout()
|
||||
await TUILogin.logout()
|
||||
await TUIChatEngine.logout()
|
||||
// #ifdef APP-PLUS
|
||||
removeFriendList()
|
||||
removeGroupList()
|
||||
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')
|
||||
}
|
||||
}
|
||||
//连接融云IM
|
||||
const connectIM = async () => {
|
||||
let options = {}
|
||||
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'
|
||||
// })
|
||||
console.log('连接已存在')
|
||||
// return
|
||||
}
|
||||
//连接成功
|
||||
CallLib.init({})
|
||||
console.log('call.init')
|
||||
uni.hideLoading()
|
||||
// uni.showToast({
|
||||
// title: res.userId
|
||||
// })
|
||||
console.log('登录成功')
|
||||
if (uni.getSystemInfoSync().platform === 'android') {
|
||||
permision.requestAndroidPermission('android.permission.CAMERA')
|
||||
permision.requestAndroidPermission(
|
||||
'android.permission.RECORD_AUDIO'
|
||||
)
|
||||
}
|
||||
onAllListeners()
|
||||
})
|
||||
let code = await imEngine.value.connect(
|
||||
tencentUserSig.value.ryToken,
|
||||
10
|
||||
)
|
||||
if (code != 0) {
|
||||
uni.hideLoading()
|
||||
uni.showToast({
|
||||
title: 'connect:' + code,
|
||||
icon: 'error'
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
/** 清空所有用户缓存 */
|
||||
const clearAllUserInfo = async () => {
|
||||
userInfo.value = null
|
||||
tencentUserSig.value = null
|
||||
fontSizeData.value = 26
|
||||
clearToken()
|
||||
removeUserInfoData()
|
||||
removeSig()
|
||||
removeFontSize()
|
||||
}
|
||||
function onAllListeners() {
|
||||
CallLib.onCallReceived(res => {
|
||||
console.log(res)
|
||||
console.log(
|
||||
'Engine:OnCallReceived=>' + '监听通话呼入, 目标id=>',
|
||||
res.data.targetId
|
||||
)
|
||||
if (res.data.targetId) {
|
||||
// let url = res.data.mediaType == 0 ? "" : "/pages/room/room"
|
||||
uni.setStorageSync('room-parameters', {
|
||||
callType: 'in',
|
||||
mediaType: res.data.mediaType === 0 ? 'audio' : 'video'
|
||||
})
|
||||
uni.showToast({
|
||||
title: '有通话呼入该跳转了' + res.data.targetId,
|
||||
duration: 3000
|
||||
})
|
||||
navigateTo('/pages/room/incom', {
|
||||
type: res.data.extra,
|
||||
callType: 'in',
|
||||
mediaType: res.data.mediaType == 0 ? 'audio' : 'video',
|
||||
userID: res.data.mine.userId // 对方的用户id
|
||||
})
|
||||
}
|
||||
})
|
||||
CallLib.onCallDisconnected(res => {
|
||||
console.log(res)
|
||||
console.log(
|
||||
'Engine:OnCallDisconnected=>' + '通话挂断/拒绝, 挂断原因=>',
|
||||
res.data.reason
|
||||
)
|
||||
console.log('=====通话用户id', callUserId.value)
|
||||
sendCallMsg(res.data.reason)
|
||||
// 重新渲染视频视图
|
||||
// uni.$emit('OnCallDisconnected');
|
||||
uni.showToast({
|
||||
title: reasonDeal(res.data.reason),
|
||||
error: 'error',
|
||||
icon: 'none',
|
||||
duration: 2000
|
||||
})
|
||||
goback()
|
||||
})
|
||||
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.onRemoteUserLeft(res => {
|
||||
console.log(
|
||||
'Engine:OnRemoteUserLeft=>' +
|
||||
'远端用户挂断(群聊触发)，远端Id为=>',
|
||||
res.data.reason
|
||||
)
|
||||
uni.$emit('OnCallConnected')
|
||||
uni.showToast({
|
||||
title: reasonDeal(res.data.reason),
|
||||
error: 'error',
|
||||
icon: 'none',
|
||||
duration: 2000
|
||||
})
|
||||
})
|
||||
CallLib.onCallOutgoing(res => {
|
||||
console.log(
|
||||
'电话已拨出 主叫端拨出电话后，通过回调 onCallOutgoing 通知当前 call 的详细信息'
|
||||
)
|
||||
})
|
||||
CallLib.onRemoteUserRinging(res => {
|
||||
console.log(
|
||||
'被叫端正在振铃，主叫端拨出电话，被叫端收到请求，发出振铃响应时，回调 onRemoteUserRingin,对端Id为=>',
|
||||
res.data.userId
|
||||
)
|
||||
})
|
||||
CallLib.onError(res => {
|
||||
console.log('通话过程中，发生异常')
|
||||
uni.showToast({
|
||||
title: errorDeal(res.data.reason),
|
||||
error: 'error',
|
||||
icon: 'none',
|
||||
duration: 2000
|
||||
})
|
||||
goback()
|
||||
})
|
||||
CallLib.onRemoteUserMediaTypeChanged(res => {
|
||||
console.log(
|
||||
'当通话中的某一个参与者切换通话类型，例如由 audio 切换至 video，回调 onMediaTypeChanged,切换媒体类型的Id为=>',
|
||||
res.data.user.userId
|
||||
)
|
||||
})
|
||||
}
|
||||
|
||||
/** 刷新用户信息（如用户信息被修改） */
|
||||
const refreshUserInfo = async () => {
|
||||
const res = await getUserData()
|
||||
await getIntegral()
|
||||
await setUserInfoData(res.data)
|
||||
userInfo.value = res.data
|
||||
}
|
||||
function goback() {
|
||||
const pages = getCurrentPages()
|
||||
console.log('pages: ', pages)
|
||||
if (pages.length > 1) {
|
||||
console.log('走返回')
|
||||
uni.showToast({
|
||||
title: '走返回',
|
||||
duration: 3000
|
||||
})
|
||||
uni.navigateBack({
|
||||
delta: 1
|
||||
})
|
||||
const currentPage = pages[pages.length - 1]
|
||||
const prevPage = pages[pages.length - 2]
|
||||
|
||||
/**
|
||||
* 更新部分用户信息（例如昵称、头像）
|
||||
*/
|
||||
const updateUserInfo = async partialData => {
|
||||
if (!userInfo.value) return
|
||||
await updateUserData(partialData)
|
||||
await refreshUserInfo()
|
||||
}
|
||||
// 判断上一页是否是 tabBar 页面
|
||||
// const isPrevPageTabBar = isTabBarPage(currentPage.route)
|
||||
// if(!isPrevPageTabBar){
|
||||
|
||||
/** 更新字体大小 */
|
||||
const updateFontSize = async fontSize => {
|
||||
fontSizeData.value = fontSize
|
||||
setFontSize(fontSize)
|
||||
}
|
||||
// }
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
imEngine,
|
||||
userInfo,
|
||||
integralData,
|
||||
tencentUserSig,
|
||||
fontSizeData,
|
||||
getIntegral,
|
||||
clearAllUserInfo,
|
||||
updateFontSize,
|
||||
logout,
|
||||
refreshUserInfo,
|
||||
fetchUserInfo,
|
||||
loginTencentIM,
|
||||
setUserInfo,
|
||||
clearUserInfo,
|
||||
updateUserInfo
|
||||
}
|
||||
})
|
||||
// 判断页面是否是 tabBar 页面
|
||||
function isTabBarPage(route) {
|
||||
// 这里根据你的 pages.json 配置来判断
|
||||
const tabBarPages = [
|
||||
'TUIKit/components/TUIConversation/index',
|
||||
'TUIKit/components/TUIContact/index',
|
||||
'pages/discover/discover',
|
||||
'pages/my-index/my-index'
|
||||
]
|
||||
|
||||
// 判断路由是否在 tabBar 页面列表中
|
||||
return tabBarPages.includes(route)
|
||||
}
|
||||
|
||||
/**
|
||||
* 清除用户信息（退出登录）
|
||||
*/
|
||||
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()
|
||||
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')
|
||||
}
|
||||
}
|
||||
|
||||
/** 清空所有用户缓存 */
|
||||
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 {
|
||||
callUserId,
|
||||
callDuration,
|
||||
imEngine,
|
||||
userInfo,
|
||||
integralData,
|
||||
tencentUserSig,
|
||||
fontSizeData,
|
||||
callMode,
|
||||
startTimer,
|
||||
stopTimer,
|
||||
updateCallMode,
|
||||
resetTime,
|
||||
getIntegral,
|
||||
clearAllUserInfo,
|
||||
updateFontSize,
|
||||
logout,
|
||||
refreshUserInfo,
|
||||
fetchUserInfo,
|
||||
loginTencentIM,
|
||||
setUserInfo,
|
||||
clearUserInfo,
|
||||
updateUserInfo
|
||||
}
|
||||
})
|
||||
|
||||
Reference in New Issue
Block a user