app/App.vue

<script>
/**
 * vuex管理登录状态，具体可以参考官方登录模板示例
 */
import { mapMutations } from 'vuex';
import APPUpdate from '@/plugins/APPUpdate';
import { getClipboardData } from '@/js_sdk/h5-copy/h5-copy.js';
import config from '@/config/config';
// 区域code
import provinceList from './json/area_province.js';
import cityList from './json/area_city.js';
import districtList from './json/area_district.js';
import storage from '@/utils/storage.js'; //缓存
//初始化im
import { TUIChatKit } from '@/TUIKit';
import { loginIm } from '@/utils/handleim.js';
//解决华为上架权限描述
import { PermissionTips } from '@/utils/huawei_describe.js';
import { requestPermissions, closeModal, showModal } from '@/js_sdk/yu-app-permission/yu-app-permission.js';

export default {
	// 全局属性
	globalData: {
		chat: null
	},
	data() {
		return {
			config,
			popupView: null,
			flag: false
		};
	},

	/**
	 * 监听返回
	 */
	onBackPress(e) {
		if (e.from == 'backbutton') {
			let routes = getCurrentPages();
			let curRoute = routes[routes.length - 1].options;
			routes.forEach((item) => {
				if (item.route == 'pages/tabbar/cart/cartList' || item.route.indexOf('pages/product/goods') != -1) {
					uni.redirectTo({
						url: item.route
					});
				}
			});

			if (curRoute.addId) {
				uni.reLaunch({
					url: '/pages/tabbar/cart/cartList'
				});
			} else {
				uni.navigateBack();
			}
			return true; //阻止默认返回行为
		}
	},
	methods: {
		...mapMutations(['login'])
	},
	onLaunch: function () {
		// #ifdef APP-PLUS
		this.checkArguments(); // 检测启动参数
		// 权限监听申请
		this.onRequestPermissionListener();
		APPUpdate();
		this.hanleTabCenter();
		// 重点是以下： 一定要监听后台恢复 ！一定要
		plus.globalEvent.addEventListener('newintent', (e) => {
			this.checkArguments(); // 检测启动参数
		});

		if (storage.getHasLogin()) {
			// init im
			TUIChatKit.init();
			console.log('IM初始化完成');
		}
		// 如果有缓存登录信息
		console.log('是否登录', storage.getHasLogin());
		if (storage.getHasLogin()) {
			loginIm();
		}
		// #endif

		// #ifdef MP-WEIXIN
		this.applyUpdateWeChat();
		// #endif
	},

	onShow() {
		// #ifndef H5
		this.getClipboard();
		// #endif
	},
	methods: {
		onRequestPermissionListener() {
			// #ifdef APP
			// 权限监听申请
			// 为应用市场审核时要求：APP在调用终端权限时，应同步告知用户申请该权限的目的。此时即可使用本API，在app.vue里全局监听。
			var brand = uni.getSystemInfoSync().deviceBrand;
			if (brand.toLowerCase() != 'huawei' && brand.toLowerCase() != 'xiaomi') return;
			this.permissionListener = uni.createRequestPermissionListener();
			this.permissionListener.onRequest(async (e) => {
				if (this.flag) {
					return;
				}
				this.flag = true;
				console.log('权限-1', e);
				var item = e[0];
				const { isSuc, msg } = await requestPermissions({
					title: PermissionTips[item].title, // 申请权限时弹出框标题
					content: PermissionTips[item].content, // 申请权限时弹出框内容
					permissionID: item // 权限ID
				});
				console.log(msg);
				if (!isSuc) {
					if (msg != 'close') {
						this.popupView = showModal({
							title: PermissionTips[item].title, // 申请权限时弹出框标题
							content: PermissionTips[item].content, // 申请权限时弹出框内容
							permissionID: item // 权限ID
						});
					} else {
						console.log('用户永久拒绝');
					}
				}
			});
			this.permissionListener.onComplete((e) => {
				console.log('权限-2', e);
				if (this.popupView) {
					this.popupView.close();
				}
				setTimeout(() => {
					this.flag = false;
				}, 5000);
			});
			// 权限检测成功则返回 { isSuc : true} ,未授权则弹出权限询问弹窗以及权限说明窗口

			// if (!isSuc) {
			//     return false
			// }
			// #endif
		},
		hanleTabCenter() {
			// 点击中间的➕
			uni.onTabBarMidButtonTap(() => {
				console.log('center');
				// 未登录不能发布视频
				let myUserInfo = storage.getVlogUserInfo();
				if (myUserInfo == null) {
					uni.navigateTo({
						// url: "../loginRegist/loginRegist",
						url: '/pages/passport/login',
						animationType: 'slide-in-bottom',
						success() {
							this.loginWords = '请登录';
						}
					});
					return;
				}

				uni.chooseVideo({
					sourceType: ['album'],
					compressed: false,
					success(e) {
						console.log(e);
						if (e.duration <= 30) {
							uni.navigateTo({
								url: '/pages/publish/publish?fileObjectEvent=' + JSON.stringify(e)
							});
						} else {
							uni.showToast({
								title: '时长不能超过30秒',
								icon: 'none',
								duration: 3000
							});
						}
					}
				});
			});
		},
		/**
		 * 微信小程序版本提交更新版本 解决缓存问题
		 */
		applyUpdateWeChat() {
			const updateManager = uni.getUpdateManager();

			updateManager.onCheckForUpdate(function (res) {
				// 请求完新版本信息的回调
			});

			updateManager.onUpdateReady(function (res) {
				uni.showModal({
					title: '更新提示',
					content: '发现新版本，是否重启应用？',
					success(res) {
						if (res.confirm) {
							// 新的版本已经下载好，调用 applyUpdate 应用新版本并重启
							updateManager.applyUpdate();
						}
					}
				});
			});
			updateManager.onUpdateFailed(function (res) {
				// 新的版本下载失败
			});
		},

		//  TODO 开屏广告 后续优化添加
		launch() {
			try {
				// 获取本地存储中launchFlag标识 开屏广告
				const value = uni.getStorageSync('launchFlag');
				if (!value) {
					// this.$u.route("/pages/index/agreement");
				} else {
					//app启动时打开启动广告页
					var w = plus.webview.open(
						'/hybrid/html/advertise/advertise.html',
						'本地地址',
						{
							top: 0,
							bottom: 0,
							zindex: 999
						},
						'fade-in',
						500
					);
					//设置定时器，4s后关闭启动广告页
					setTimeout(function () {
						plus.webview.close(w);
						APPUpdate();
					}, 3000);
				}
			} catch (e) {
				// error
				uni.setStorage({
					key: 'launchFlag',
					data: true,
					success: function () {
						console.log('error时存储launchFlag');
					}
				});
			}
		},

		/**
		 * 获取粘贴板数据
		 */
		async getClipboard() {
			let res = await getClipboardData();
			/**
			 * 解析粘贴板数据
			 */
			if (res.indexOf(config.shareLink) != -1) {
				uni.showModal({
					title: '提示',
					content: '检测到一个分享链接是否跳转？',
					confirmText: '跳转',
					success: function (callback) {
						if (callback.confirm) {
							console.log(res.split(config.shareLink));
							uni.setClipboardData({
								data: '',
								success: () => {
									const path = res.split(config.shareLink)[1];
									if (path.indexOf('tabbar') != -1) {
										uni.switchTab({
											url: path
										});
									} else {
										uni.navigateTo({
											url: path
										});
									}
								}
							});
						}
					}
				});
			}
		},

		/**
		 * h5中打开app获取跳转app的链接并跳转
		 */
		checkArguments() {
			// #ifdef APP-PLUS
			setTimeout(() => {
				const args = plus.runtime.arguments;
				if (args) {
					const argsStr = decodeURIComponent(args);
					const path = argsStr.split('//')[1];
					if (path.indexOf('tabbar') != -1) {
						uni.switchTab({
							url: `/${path}`
						});
					} else {
						uni.navigateTo({
							url: `/${path}`
						});
					}
				}
			});
			// #endif
		}
	}
};
</script>

<style lang="scss">
/* #ifndef APP-NVUE */
@import 'uview-ui/index.scss';
/* #endif */

// -------适配底部安全区  苹果x系列刘海屏

// #ifdef MP-WEIXIN
.mp-iphonex-bottom {
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
	box-sizing: content-box;
	height: auto !important;
	padding-top: 10rpx;
}
// #endif

/* #ifndef APP-NVUE */
body {
	background-color: $bg-color;
}
/* #endif */

/************************ */
.w200 {
	width: 200rpx !important;
}

.flex1 {
	flex: 1; //必须父级设置flex
}
.activate-line {
	background-color: #ffffff;

	transition-duration: 300ms;
}
// uni-page-body,
// html,
// body,
// page {
//   width: 100% ;
//   height: 100% ;
//   overflow: hidden;
// }
</style>