renshou/App.vue

<script>
	//app.js
	const req = require("./utils/request.js");
	// // #ifndef H5
	// let livePlayer = requirePlugin('live-player-plugin')
	// // #endif
	import _chunkArr from './hxChatSDK/utils/chunkArr';
	let WebIM = (wx.WebIM = require("./hxChatSDK/utils/WebIM")["default"]);
	let msgStorage = require("./chat/components/chat/msgstorage");
	let msgType = require("./chat/components/chat/msgtype");
	let disp = require("./hxChatSDK/utils/broadcast");
	let logout = false;

	import {
		onGetSilentConfig
	} from './chat/components/chat/pushStorage'



	export default {
		onLaunch: function(options) {
			req.removeStorage('shareId')
			// this.globalData.appInitData();
			this.globalData.InitUpdateManager();
			this.globalData.getChatList();
			// 
			uni.hideTabBar();

			var me = this;
			var logs = uni.getStorageSync("logs") || [];
			logs.unshift(Date.now());
			uni.setStorageSync("logs", logs);

			disp.on("em.main.ready", function() {
				calcUnReadSpot();
			});
			disp.on("em.chatroom.leave", function() {
				calcUnReadSpot();
			});
			disp.on("em.chat.session.remove", function() {
				calcUnReadSpot();
			});
			disp.on("em.chat.audio.fileLoaded", function() {
				calcUnReadSpot();
			});
			disp.on("em.main.deleteFriend", function() {
				calcUnReadSpot();
			});
			disp.on("em.chat.audio.fileLoaded", function() {
				calcUnReadSpot();
			}); //
			disp.on("em.mian.profile.update", function() {
				me.fetchUserInfoWithLoginId()
			});
			disp.on("em.mian.friendProfile.update", function() {
				me.fetchFriendInfoFromServer()
			});
			WebIM.conn.listen({
				onOpened(message) {
					console.log('监听onOpened>>>>>', message);

					if (
						getCurrentRoute() == "pages/user/user" ||
						getCurrentRoute() == "pages/login_token/login_token"
					) {
						me.globalData.onLoginSuccess(
							uni.getStorageSync("myUsername")
						);
					}
				},

				onReconnect() {
					uni.showToast({
						title: "重连中...",
						duration: 2000,
					});
				},

				onSocketConnected() {
					uni.showToast({
						title: "socket连接成功",
						duration: 2000,
					});
				},

				onClosed() {
					// uni.showToast({
					// 	title: "退出登录",
					// 	icon: "none",
					// 	duration: 2000,
					// });
					console.log('>>>>>>>>>>>IM被退出登录>>>>>>>>>>>>>>>>>')
					// uni.redirectTo({
					// 	url: "../login/login",
					// });
					me.globalData.conn.closed = true;
					WebIM.conn.close();
				},

				onInviteMessage(message) {
					me.globalData.saveGroupInvitedList.push(message);
					disp.fire("em.invite.joingroup", message);
				},

				onReadMessage(message) {
					//console.log('已读', message)
				},

				//onPresence为旧版 ，建议参考最新增删好友api文档 ：http://docs-im.easemob.com/im/web/basics/buddy
				onPresence(message) {
					switch (message.type) {
						case "unsubscribe":
							break;
							// 好友邀请列表
						case "subscribe":
							for (let i = 0; i < me.globalData.saveFriendList.length; i++) {
								if (me.globalData.saveFriendList[i].from === message.from) {
									me.globalData.saveFriendList[i] = message;
									disp.fire("em.subscribe");
									return;
								}
							}
							msgStorage.saveReceiveMsg(message, "INFORM"); //存添加好友消息，方便展示通知
							me.globalData.saveFriendList.push(message);
							disp.fire("em.subscribe");
							break;
						case "subscribed":
							uni.showToast({
								title: "添加成功",
								duration: 1000,
							});
							disp.fire("em.subscribed");
							break;
						case "unsubscribed":
							disp.fire("em.unsubscribed", message);
							break;
						case "direct_joined":
							saveGroups();
							uni.showToast({
								title: "已进群",
								duration: 1000,
							});
							break;
						case "memberJoinPublicGroupSuccess":
							saveGroups();
							uni.showToast({
								title: "已进群",
								duration: 1000,
							});
							break;
						case "invite":
							// 防止重复添加
							for (
								let i = 0; i < me.globalData.saveGroupInvitedList.length; i++
							) {
								if (me.globalData.saveGroupInvitedList[i].from === message.from) {
									me.globalData.saveGroupInvitedList[i] = message;
									disp.fire("em.invite.joingroup");
									return;
								}
							}
							me.globalData.saveGroupInvitedList.push(message);
							msgStorage.saveReceiveMsg(message, "INFORM"); //存添加好友消息，方便展示通知
							disp.fire("em.invite.joingroup");
							break;
						case "unavailable":
							disp.fire("em.contacts.remove");
							disp.fire("em.group.leaveGroup", message);
							break;
						case "deleteGroupChat":
							disp.fire("em.invite.deleteGroup", message);
							break;
						case "leaveGroup":
							disp.fire("em.group.leaveGroup", message);
							break;
						case "removedFromGroup":
							disp.fire("em.group.leaveGroup", message);
							break;
						default:
							break;
					}
				},

				onRoster(message) {},

				onVideoMessage(message) {
					console.log("onVideoMessage: ", message);
					if (message) {
						msgStorage.saveReceiveMsg(message, msgType.VIDEO);
					}
					calcUnReadSpot(message);
					ack(message);
					onGetSilentConfig(message);
				},

				onAudioMessage(message) {
					console.log("onAudioMessage", message);
					if (message) {
						if (onMessageError(message)) {
							msgStorage.saveReceiveMsg(message, msgType.AUDIO);
						}
						calcUnReadSpot(message);
						ack(message);
						onGetSilentConfig(message);
					}
				},

				onCmdMessage(message) {
					console.log("onCmdMessage", message);
					if (message) {
						if (onMessageError(message)) {
							msgStorage.saveReceiveMsg(message, msgType.CMD);
						}
						calcUnReadSpot(message);
						ack(message);
						onGetSilentConfig(message);
					}
				},

				onTextMessage(message) {
					console.log("onTextMessage", message);

					if (message) {
						if (onMessageError(message)) {
							msgStorage.saveReceiveMsg(message, msgType.TEXT);
						}

						calcUnReadSpot(message);
						ack(message);
						onGetSilentConfig(message);
					}
				},

				onEmojiMessage(message) {
					console.log("onEmojiMessage", message);
					if (message) {
						if (onMessageError(message)) {
							msgStorage.saveReceiveMsg(message, msgType.EMOJI);
						}
						calcUnReadSpot(message);
						ack(message);
						onGetSilentConfig(message);
					}
				},

				onPictureMessage(message) {
					console.log("onPictureMessage", message);
					if (message) {
						if (onMessageError(message)) {
							msgStorage.saveReceiveMsg(message, msgType.IMAGE);
						}
						calcUnReadSpot(message);
						ack(message);
						onGetSilentConfig(message);
					}
				},

				onFileMessage(message) {
					console.log("onFileMessage", message);
					if (message) {
						if (onMessageError(message)) {
							msgStorage.saveReceiveMsg(message, msgType.FILE);
						}
						calcUnReadSpot(message);
						ack(message);
						onGetSilentConfig(message);
					}
				},

				// 各种异常
				onError(error) {
					console.log(error); // 16: server-side close the websocket connection
					if (error.type == WebIM.statusCode.WEBIM_CONNCTION_OPEN_ERROR) {
						uni.hideLoading();
						disp.fire("em.error.passwordErr");
					}
					if (error.type == WebIM.statusCode.WEBIM_CONNCTION_AUTH_ERROR) {
						uni.hideLoading();
						disp.fire("em.error.tokenErr");
					}

					if (error.type == "socket_error") {
						///sendMsgError
						console.log("socket_errorsocket_error", error);
						uni.showToast({
							title: "网络已断开",
							icon: "none",
							duration: 2000,
						});
						disp.fire("em.error.sendMsgErr", error);
					}
				},
			});
			this.globalData.checkIsIPhoneX();
		},
		onShow(options) {
			let scene = options.scene;
			req.setStorage('scene', scene)
			this.globalData.getVideoScene();
		},
		globalData: {
			phoneNumber: '',
			unReadMessageNum: 0,
			userInfo: null,
			userInfoFromServer: null, //用户属性从环信服务器获取
			friendUserInfoMap: new Map(), //好友属性
			saveFriendList: [],
			saveGroupInvitedList: [],
			isIPX: false, //是否为iphone X
			conn: {
				closed: false,
				curOpenOpt: {},
				open(opt) {
					// uni.showLoading({
					// 	title: "加载中...",
					// 	mask: true,
					// });
					this.curOpenOpt = opt;
					WebIM.conn.open(opt).then(() => {
						//token获取成功，即可开始请求用户属性。
						disp.fire("em.mian.profile.update");
						disp.fire("em.mian.friendProfile.update");
						console.log('>>>>>token成功')
					}).catch((err) => {
						console.log('>>>>>token获取失败', err)
					});
					this.closed = false;
				},

				reopen() {
					if (this.closed) {
						//this.open(this.curOpenOpt);
						WebIM.conn.open(this.curOpenOpt);
						this.closed = false;
					}
				},
			},
			onLoginSuccess: function(myName) {
				// uni.hideLoading();
				uni.navigateTo({
					url: "/chat/conversation/conversation?myName=" + myName,
				});
			},

			getUserInfo(cb) {
				var me = this;
				if (this.userInfo) {
					typeof cb == "function" && cb(this.userInfo);
				} else {
					// 调用登录接口
					uni.login({
						success() {
							uni.getUserInfo({
								success(res) {
									me.userInfo = res.userInfo;
									typeof cb == "function" && cb(me.userInfo);
								},
							});
						},
					});
				}
			},
			checkIsIPhoneX: function() {
				const me = this;
				uni.getSystemInfo({
					success: function(res) {
						// 根据 model 进行判断
						if (res.model && res.model.search("iPhone X") != -1) {
							me.isIPX = true;
						}
					},
				});
			},


			//获取客服配置
			getChatList() {
				// req.getRequest('/api/customer/list', {}, res => {
				// 	req.setStorage('chatService', res);
				// });
			},
			appInitData() {
				var getSysInfo = uni.getSystemInfoSync();
				this.isIPhone = getSysInfo.model.indexOf("iPhone") != -1;
				this.isIPhoneX = getSysInfo.model.indexOf("iPhone X") != -1 || getSysInfo.model.indexOf("iPhone 11") != -
					1; // 是否为全面屏

				this.isFullScreen = getSysInfo.screenHeight / getSysInfo.screenWidth >= 2.1; // iPhoneX底部空白高度为68，全面屏为20

				this.bottomBlankHeignt = this.isIPhoneX ? 68 : this.isFullScreen ? 10 : 0;
				this.height = getSysInfo.statusBarHeight;
				this.screenHeight = getSysInfo.screenHeight;
			},
			getVideoScene() {
				let scene = req.getStorage('scene');
				let arr = [1195, 1193, 1191, 1184, 1177, 1176, 1175, 1201, 1216, 10001]
				req.setStorage('isVideoScene', false)
				arr.some(it => {
					if (it === scene) {
						req.setStorage('isVideoScene', true)
					}
				})
				console.log('isVideoScene==', req.getStorage('isVideoScene'))
			},
			InitUpdateManager() {
				const updateManager = uni.getUpdateManager();
				let that = this;
				updateManager.onCheckForUpdate(function(res) {
					// 请求完新版本信息的回调
					console.log(res.hasUpdate);
				});
				updateManager.onUpdateReady(function() {
					uni.showModal({
						title: '更新提示',
						content: '新版本已经准备好，是否重启应用？',
						success: function(res) {
							if (res.confirm) {
								// 新的版本已经下载好，调用 applyUpdate 应用新版本并重启
								uni.clearStorage({
									success() {
										updateManager.applyUpdate();
									}

								});
							}
						}
					});
				});
				updateManager.onUpdateFailed(function() { // 新版本下载失败
				});
			},

			getCheckSessoin(success) {
				// var sessionKey = req.getStorage('SESSION_KEY');
				// let that = this;
				// wx.checkSession({
				//   success() {
				//     if (!sessionKey) {
				//       that.getSessionKey(success);
				//     } else {
				//       success.call(this, sessionKey);
				//     }
				//   },
				//   fail() {
				//     that.getSessionKey(success);
				//   }
				// })
				this.getSessionKey(success);
			},

			getSessionKey(success) {
				let that = this;
				uni.login({
					success(res) {
						req.postRequest('/api/code', {
							code: res.code
						}, data => {
							that.SESSION_KEY = data.session_key;
							req.setStorage('SESSION_KEY', data.session_key);
							success.call(this, data);
						}, true);
					}
				});
			},

			userInfo: null,
			height: 0,
			isredenvelopes: true,
			isLayerAd: true,

			/**
			 * 打开新页面
			 */
			openPage(e) {
				let url
				if (e.indexOf("plugin-private:") != -1) {
					url = `${e}`
				} else {
					url = `/${e}`
				}
				uni.navigateTo({
					// url: `/${e}` 
					url: url
				});
				// uni.navigateTo({
				//   url: `/${e}`
				// });
			},

			/**
			 * 
			 * 关闭当前页面，跳转到应用内的某个页面。
			 */
			redirectTab(path) {
				uni.redirectTo({
					url: `/${path}`
				});
			},

			/**
			 * 
			 * 跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面
			 */
			switchTab(path) {
				uni.switchTab({
					url: `/${path}`
				});
			},

			/**
			 * 
			 * 关闭所有页面，打开到应用内的某个页面
			 */
			reLaunchTo(path) {
				uni.reLaunch({
					url: `/${path}`
				});
			},

			/**
			 * 
			 * 保留当前页面，跳转到应用内的某个页面
			 */
			navigateTo(path) {
				uni.navigateTo({
					url: `/${path}`
				});
			}

		},
		methods: {
			async fetchUserInfoWithLoginId() {
				const userId = await uni.WebIM.conn.user;
				if (userId) {
					try {
						const {
							data
						} = await uni.WebIM.conn.fetchUserInfoById(userId)
						this.globalData.userInfoFromServer = Object.assign({}, data[userId]);
					} catch (error) {
						console.log(error)
						console.log("用户属性获取失败")
						// uni.showToast({
						// 	title: "用户属性获取失败",
						// 	icon: "none",
						// 	duration: 2000,
						// })
					}

				}
			},
			async fetchFriendInfoFromServer() {
				let friendList = []
				try {
					const res = await uni.WebIM.conn.getContacts()
					friendList = Object.assign([], res?.data)
					if (friendList.length && friendList.length < 99) {
						const {
							data
						} = await uni.WebIM.conn.fetchUserInfoById(friendList)
						this.setFriendUserInfotoMap(data)
					} else {
						let newArr = _chunkArr(friendList, 99)
						for (let i = 0; i < newArr.length; i++) {
							const {
								data
							} = await uni.WebIM.conn.fetchUserInfoById(newArr[i])
							this.setFriendUserInfotoMap(data)
						}
					}
				} catch (error) {
					console.log(error)
					console.log("用户属性获取失败")
					// uni.showToast({
					// 	title: "用户属性获取失败",
					// 	icon: "none"
					// })
				}

			},
			setFriendUserInfotoMap(data) {
				if (Object.keys(data).length) {
					for (const key in data) {
						if (Object.hasOwnProperty.call(data, key)) {
							const values = data[key];
							Object.values(values).length && this.globalData.friendUserInfoMap.set(key, values);
						}
					}
				}
			}
		}
	};

	/*--------环信SDK消息-----------------------*/

	function ack(receiveMsg) {
		// 处理未读消息回执
		var bodyId = receiveMsg.id; // 需要发送已读回执的消息id

		var ackMsg = new WebIM.message("read", WebIM.conn.getUniqueId());
		ackMsg.set({
			id: bodyId,
			to: receiveMsg.from,
		});
		WebIM.conn.send(ackMsg.body);
	}

	function onMessageError(err) {
		if (err.type === "error") {
			uni.showToast({
				title: err.errorText,
			});
			return false;
		}

		return true;
	}

	function getCurrentRoute() {
		let pages = getCurrentPages();
		if (pages.length > 0) {
			let currentPage = pages[pages.length - 1];
			return currentPage.route;
		}
		return "/";
	}

	// 包含陌生人版本
	//该方法用以计算本地存储消息的未读总数。
	function calcUnReadSpot(message) {
		let myName = uni.getStorageSync("myUsername");
		let pushObj = uni.getStorageSync("pushStorageData")
		let pushAry = pushObj[myName] || []
		uni.getStorageInfo({
			success: function(res) {
				let storageKeys = res.keys;
				let newChatMsgKeys = [];
				let historyChatMsgKeys = [];
				storageKeys.forEach((item) => {
					if (item.indexOf(myName) > -1 && item.indexOf("rendered_") == -1 && item.indexOf(
							"imUserInfo_") == -1) {
						newChatMsgKeys.push(item);
					}
				});

				console.log('newChatMsgKeys》》》》》', newChatMsgKeys);

				let count = newChatMsgKeys.reduce(function(result, curMember, idx) {
					let newName = curMember.split(myName)[0]
					let chatMsgs;
					chatMsgs = uni.getStorageSync(curMember) || [];
					console.log('chatMsgs>>>>>', chatMsgs);
					//过滤消息来源与当前登录ID一致的消息，不计入总数中。
					chatMsgs = chatMsgs.filter((msg) => msg.yourname !== myName);
					if (pushAry.includes(newName)) return result
					return result + chatMsgs.length;
				}, 0);
				getApp().globalData.unReadMessageNum = count;
				
				disp.fire("em.unreadspot", message);
			},
		});
	}

	function saveGroups() {
		var me = this;
		return WebIM.conn.getGroup({
			limit: 50,
			success: function(res) {
				uni.setStorage({
					key: "listGroup",
					data: res.data,
				});
			},
			error: function(err) {
				console.log(err);
			},
		});
	}
</script>
<style>
	@import "./app.css";
</style>