uniapp集成unipush监听推送,处理兼容ios在线无法收到推送通知问题以及安卓推送处理

文章目录

  • 前言
  • 完整处理示例
  • 提示


前言

uniapp集成unipush推送后,会遇到ios保持应用在前台或后台时无法收到通知栏消息问题,只能在应用中监听推送然后创建本地通知,此篇文章根据这个问题进行处理推送监听分别执行不同的业务。


完整处理示例

var platform = uni.getSystemInfoSync().platform;
//#ifdef APP-PLUS  
/* 5+  push 消息推送 ps:使用:H5+的方式监听,实现推送*/
plus.push.addEventListener("click", function(msgc) {
     
	console.log(msgc);
	//  && msgc.type == 'click'
	if (platform == 'ios') {
     
		//离线是payload为object , 在线时本地创建的为string(本地创建通知只能传string,否则无法传递payload)
		if (typeof msgc.payload == 'string') {
     
			console.log('string')
			var paymsg = JSON.parse(msgc.payload);
		} else {
     
			console.log('obj')
			var paymsg = msgc.payload;
		}
		console.log(paymsg)
		//执行跳转判断
	}
	//这里可以写跳转业务代码
}, false);
// 监听在线消息事件    
plus.push.addEventListener("receive", function(msg) {
     
	//这里可以写跳转业务代码
	console.log(msg)
	if (msg.type == "receive") // 这里判断触发的来源,否则一直推送。  
	{
     
		if (platform == 'ios') {
     
			// console.log(msg.payload)
			plus.push.createMessage(
				msg.payload.content,
				//本地创建通知payload只能传string,否则无法成功传递(为null)
				JSON.stringify(msg.payload), {
     
					cover: false,
					title: msg.title,
				});
		}
	}
	if (platform == 'android') {
     
		//执行跳转判断
	}
}, false);

//#endif  

提示

上面的监听处理代码需放到App.vue文件onLaunch方法里面!

你可能感兴趣的:(uniapp,uni-app,前端)