feat: 添加应用版本检查功能，优化用户体验
This commit is contained in:
259
App.vue
259
App.vue
@@ -1,136 +1,159 @@
|
||||
<script setup>
|
||||
// #ifdef APP-PLUS
|
||||
import { setSdkLanguageFromSystem } from '@/uni_modules/tuikit-atomic-x/utils/setSdkLanguageFromSystem'
|
||||
// import * as call from "@/uni_modules/RongCloud-CallWrapper/lib/index"
|
||||
// #endif
|
||||
// #ifdef H5
|
||||
import * as RongIMLib from '@rongcloud/imlib-next';
|
||||
import { installer as rtcInstaller } from '@rongcloud/plugin-rtc';
|
||||
import { installer as callPlusInstaller } from '@rongcloud/plugin-call-plus';
|
||||
// #endif
|
||||
import { onLaunch, onShow, onHide } from '@dcloudio/uni-app'
|
||||
import { reLaunch } from './utils/router'
|
||||
import { useAuthUser } from './composables/useAuthUser'
|
||||
import { useUserStore } from './stores/user'
|
||||
import { TUIChatKit } from './TUIKit'
|
||||
import { getIpBlack } from './api'
|
||||
import {reasonDeal,errorDeal,imCode} from '@/utils/code.js'
|
||||
import { navigateTo } from '@/utils/router'
|
||||
// #ifdef APP-PLUS
|
||||
import { setSdkLanguageFromSystem } from '@/uni_modules/tuikit-atomic-x/utils/setSdkLanguageFromSystem'
|
||||
// import * as call from "@/uni_modules/RongCloud-CallWrapper/lib/index"
|
||||
// #endif
|
||||
// #ifdef H5
|
||||
import * as RongIMLib from '@rongcloud/imlib-next'
|
||||
import { installer as rtcInstaller } from '@rongcloud/plugin-rtc'
|
||||
import { installer as callPlusInstaller } from '@rongcloud/plugin-call-plus'
|
||||
// #endif
|
||||
import { onLaunch, onShow, onHide } from '@dcloudio/uni-app'
|
||||
import { reLaunch } from './utils/router'
|
||||
import { useAuthUser } from './composables/useAuthUser'
|
||||
import { useUserStore } from './stores/user'
|
||||
import { TUIChatKit } from './TUIKit'
|
||||
import { getIpBlack, getAppVersion } from './api'
|
||||
import { reasonDeal, errorDeal, imCode } from '@/utils/code.js'
|
||||
import { compareVersion } from '@/utils/util.js'
|
||||
import { navigateTo } from '@/utils/router'
|
||||
|
||||
TUIChatKit.init()
|
||||
TUIChatKit.init()
|
||||
|
||||
const { token, tencentUserSig } = useAuthUser()
|
||||
const { loginTencentIM } = useUserStore()
|
||||
/** 静默登录逻辑 */
|
||||
const silentLogin = async (e) => {
|
||||
if (token.value) {
|
||||
loginTencentIM()
|
||||
// reLaunch('/TUIKit/components/TUIConversation/index')
|
||||
return
|
||||
}
|
||||
const { token, tencentUserSig } = useAuthUser()
|
||||
const { loginTencentIM } = useUserStore()
|
||||
/** 静默登录逻辑 */
|
||||
const silentLogin = async e => {
|
||||
if (token.value) {
|
||||
loginTencentIM()
|
||||
// reLaunch('/TUIKit/components/TUIConversation/index')
|
||||
return
|
||||
}
|
||||
|
||||
console.log(tencentUserSig, '=====222==')
|
||||
if (e?.query?.invitationCode) {
|
||||
reLaunch('/pages/login/phone-register/phone-register', {
|
||||
invitationCode: e.query.invitationCode
|
||||
})
|
||||
} else {
|
||||
// 没有token去登录页
|
||||
reLaunch('/pages/login/login')
|
||||
}
|
||||
}
|
||||
console.log(tencentUserSig, '=====222==')
|
||||
if (e?.query?.invitationCode) {
|
||||
reLaunch('/pages/login/phone-register/phone-register', {
|
||||
invitationCode: e.query.invitationCode
|
||||
})
|
||||
} else {
|
||||
// 没有token去登录页
|
||||
reLaunch('/pages/login/login')
|
||||
}
|
||||
}
|
||||
|
||||
/** 初始化 H5 音视频通话 */
|
||||
const iniCall = () => {
|
||||
// IM 初始化
|
||||
RongIMLib.init({
|
||||
appkey: '<Your-Appkey>',
|
||||
});
|
||||
/** 初始化 H5 音视频通话 */
|
||||
const iniCall = () => {
|
||||
// IM 初始化
|
||||
RongIMLib.init({
|
||||
appkey: '<Your-Appkey>'
|
||||
})
|
||||
|
||||
// RTC 初始化
|
||||
const rtcClient = RongIMLib.installPlugin(rtcInstaller, {});
|
||||
// RTC 初始化
|
||||
const rtcClient = RongIMLib.installPlugin(rtcInstaller, {})
|
||||
|
||||
// CallPlus 初始化
|
||||
const callPlusClient = RongIMLib.installPlugin(callPlusInstaller, {
|
||||
rtcClient
|
||||
});
|
||||
// CallPlus 初始化
|
||||
const callPlusClient = RongIMLib.installPlugin(callPlusInstaller, {
|
||||
rtcClient
|
||||
})
|
||||
|
||||
|
||||
console.log('====1111111111=====', callPlusClient)
|
||||
}
|
||||
|
||||
console.log('====1111111111=====', callPlusClient)
|
||||
}
|
||||
onLaunch(e => {
|
||||
// #ifdef APP-PLUS
|
||||
plus.runtime.getProperty(plus.runtime.appid, function (widgetInfo) {
|
||||
getAppVersion().then(res => {
|
||||
console.log('应用版本信息', res.data)
|
||||
const lastVersion = res.data.version
|
||||
const currentVersion = widgetInfo.version
|
||||
if (compareVersion(currentVersion, lastVersion) < 0) {
|
||||
// 当前版本低于最新版本，提示用户更新
|
||||
console.log('当前版本低于最新版本，请更新应用')
|
||||
const isForceUpdate = res.data.forceUpdate
|
||||
const url = res.data.updateUrl
|
||||
uni.showModal({
|
||||
title: '更新提示',
|
||||
content: res.data.updateMessage,
|
||||
confirmText: '立即更新',
|
||||
cancelText: '稍后再说',
|
||||
showCancel: !isForceUpdate,
|
||||
success: res => {
|
||||
if (res.confirm) {
|
||||
plus.runtime.openURL(url)
|
||||
}
|
||||
}
|
||||
})
|
||||
} else {
|
||||
console.log('当前版本为最新版本')
|
||||
}
|
||||
})
|
||||
})
|
||||
// #endif
|
||||
// return
|
||||
console.log('App Launch111')
|
||||
silentLogin(e)
|
||||
|
||||
onLaunch((e) => {
|
||||
// return
|
||||
console.log('App Launch111')
|
||||
silentLogin(e)
|
||||
// #ifdef APP-PLUS
|
||||
setSdkLanguageFromSystem()
|
||||
// onAllListeners()
|
||||
// #endif
|
||||
|
||||
// #ifdef APP-PLUS
|
||||
setSdkLanguageFromSystem()
|
||||
// onAllListeners()
|
||||
// #endif
|
||||
// #ifdef H5
|
||||
iniCall()
|
||||
// #endif
|
||||
})
|
||||
|
||||
// #ifdef H5
|
||||
iniCall()
|
||||
// #endif
|
||||
onShow(() => {
|
||||
console.log('App Show222')
|
||||
})
|
||||
|
||||
})
|
||||
onHide(async () => {
|
||||
if (token.value) {
|
||||
const show = await getIpBlack(false)
|
||||
console.log(show.data.data, '======')
|
||||
}
|
||||
// #ifdef APP-PLUS
|
||||
removeAllListeners()
|
||||
// #endif
|
||||
console.log('App Hide333')
|
||||
})
|
||||
|
||||
onShow(() => {
|
||||
console.log('App Show222')
|
||||
})
|
||||
|
||||
onHide(async () => {
|
||||
if (token.value) {
|
||||
const show = await getIpBlack(false)
|
||||
console.log(show.data.data, '======')
|
||||
}
|
||||
// #ifdef APP-PLUS
|
||||
removeAllListeners()
|
||||
// #endif
|
||||
console.log('App Hide333')
|
||||
})
|
||||
|
||||
|
||||
|
||||
function removeAllListeners(){
|
||||
call.unInit();
|
||||
//移除监听-接收到通话呼入
|
||||
call.removeCallReceivedListener();
|
||||
// 移除监听-开始呼叫通话的回调
|
||||
call.removeCallOutgoingListener();
|
||||
// 移除监听-通话已接通
|
||||
call.removeCallReceivedListener();
|
||||
// 移除监听-通话已结束
|
||||
call.removeCallDisconnectedListener();
|
||||
// 移除监听-对端用户正在振铃
|
||||
call.removeRemoteUserRingingListener();
|
||||
// 移除监听-对端用户加入了通话
|
||||
call.removeRemoteUserJoinedListener();
|
||||
// 移除监听-有用户被邀请加入通话
|
||||
call.removeRemoteUserInvited();
|
||||
// 移除监听-对端用户挂断
|
||||
call.removeRemoteUserLeftListener();
|
||||
// 移除监听-对端用户切换了媒体类型
|
||||
call.removeRemoteUserMediaTypeChangedListener();
|
||||
// 移除监听-通话出现错误的回调
|
||||
call.removeErrorListener();
|
||||
|
||||
}
|
||||
|
||||
function removeAllListeners() {
|
||||
call.unInit()
|
||||
//移除监听-接收到通话呼入
|
||||
call.removeCallReceivedListener()
|
||||
// 移除监听-开始呼叫通话的回调
|
||||
call.removeCallOutgoingListener()
|
||||
// 移除监听-通话已接通
|
||||
call.removeCallReceivedListener()
|
||||
// 移除监听-通话已结束
|
||||
call.removeCallDisconnectedListener()
|
||||
// 移除监听-对端用户正在振铃
|
||||
call.removeRemoteUserRingingListener()
|
||||
// 移除监听-对端用户加入了通话
|
||||
call.removeRemoteUserJoinedListener()
|
||||
// 移除监听-有用户被邀请加入通话
|
||||
call.removeRemoteUserInvited()
|
||||
// 移除监听-对端用户挂断
|
||||
call.removeRemoteUserLeftListener()
|
||||
// 移除监听-对端用户切换了媒体类型
|
||||
call.removeRemoteUserMediaTypeChangedListener()
|
||||
// 移除监听-通话出现错误的回调
|
||||
call.removeErrorListener()
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
/*每个页面公共css */
|
||||
@import './styles/global.scss';
|
||||
/*每个页面公共css */
|
||||
@import './styles/global.scss';
|
||||
|
||||
/* common css for page */
|
||||
// uni-page-body,
|
||||
// html,
|
||||
// body,
|
||||
// page {
|
||||
// width: 100% !important;
|
||||
// height: 100% !important;
|
||||
// overflow: hidden;
|
||||
// }
|
||||
</style>
|
||||
/* common css for page */
|
||||
// uni-page-body,
|
||||
// html,
|
||||
// body,
|
||||
// page {
|
||||
// width: 100% !important;
|
||||
// height: 100% !important;
|
||||
// overflow: hidden;
|
||||
// }
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user