消息推送

App.vue

@@ -1,4 +1,11 @@
 <script>
+	import config from "./common/config";
+	import {
+		showNotification
+	} from "@/utils/notify.js"
+	import ws from "@/utils/websocket.js"; // WebSocket 封装类
+
+
 	/**
 	 * Copyright (c) 2013-Now http://aidex.vip All rights reserved.
 	 */
@@ -12,23 +19,56 @@
 				});
 			}
 
+
+			// 监听登录成功
+			uni.$on("loginSuccess", () => {
+
+				// 仅在 Android 13+ 才需要
+				if (plus.os.name === "Android" && parseInt(plus.os.version) >= 13) {
+					var permission = "android.permission.POST_NOTIFICATIONS";
+					// 请求权限
+					plus.android.requestPermissions(
+						[permission],
+						(resultObj) => {
+							this.initWebSocket()
+						},
+						(error) => {
+					
+						}
+					);
+				}else{
+					this.initWebSocket()
+				}
+			})
 			//只有在基座运行的情况下才能打印看到
 			const clientInfo = plus.push.getClientInfo()
+			console.log('clientid:', clientInfo.clientid)
+
 
 			this.$store.commit('$uStore', {
 				name: 'vuex_push_clientId',
 				value: clientInfo.clientid
 			});
 
-			// 监听系统通知栏点击事件
+			//监听系统通知栏点击事件
 			plus.push.addEventListener("click", function(msg) {
 				console.log("用户点击了推送消息：", msg);
-				// msg.payload 就是推送时传的自定义数据
-				uni.navigateTo({
-					url: "/pages/sys/workbench/earlyWarning/warnDetail",
-				});
+				if (msg.payload) {
+					if (msg.payload.type == 100) {
+						uni.navigateTo({
+							url: "/pages/sys/workbench/earlyWarning/warnDetail?item=" + msg.payload.data,
+						});
+					} else if (msg.payload.type == 200) {
+						uni.navigateTo({
+							url: "/pages/sys/workbench/order/orderDetail?item=" + msg.payload.data,
+						});
+					}
+				}
 			});
-
+			// 收到推送（前台透传）
+			// plus.push.addEventListener("receive", function(msg) {
+			// 	console.log("收到推送消息：", msg);
+			// });
 			// 设置底部导航栏角标
 			// uni.setTabBarBadge({
 			//   index: 0,
@@ -37,6 +77,57 @@
 			// uni.removeTabBarBadge({
 			//   index: 0
 			// });
+		},
+		methods: {
+			initWebSocket() {
+				let url = this.vuex_config.baseUrl +
+					'/resource/websocket?clientid=dab457a1ea14411787c240db05bb0832&Authorization=Bearer ' + this
+					.vuex_token;
+				console.log('t1', url)
+				ws.connect(url)
+				ws.setDispatchHandler(this.handleWsMessage)
+				// this.ws = uni.connectSocket({
+				// 	url: url, // 鉴权
+				// 	success: () => console.log("连接请求已发送")
+				// })
+
+				// this.ws.onOpen(() => {
+				// 	console.log("WebSocket已连接")
+				// })
+
+				// this.ws.onMessage((res) => {
+				// 	console.log('t1', 1111111111)
+				// 	this.handleWsMessage(res.data)
+				// })
+
+				// this.ws.onClose(() => {
+				// 	console.log("WebSocket已关闭")
+				// })
+
+				// this.ws.onError((err) => {
+				// 	console.error("WebSocket错误", err)
+				// })
+			},
+
+			handleWsMessage(data) {
+				if (data != 'ping') {
+					try {
+						showNotification(data.title, data.content, data)
+						// const msg = JSON.parse(data)
+						// console.log("收到消息:", msg)
+						// uni.$emit("wsMessage", msg) // 分发消息
+					} catch (e) {
+						console.error("消息解析失败:", data)
+					}
+				}
+
+			},
+
+			closeWebSocket() {
+				if (this.ws) {
+					this.ws.close()
+				}
+			}
 		}
 	}
 </script>