uniapp push 接收推送消息跳转到指定界面(传参跳转)

两端代码搞定
代码写在APP.vue 里面的 onload 事件就可以了.
先来看个例子:

APP.vue

onLaunch: function() {
			//存放后端给你传的变量
			var id='';
			plus.push.addEventListener("receive", function(msg) {				
				console.log(msg,11111)
				id = msg.payload.id; //这块打印出来看你需要什么值再进行赋值
			}, false);
			
			//点击系统通知的推送跳转到指定的界面
			plus.push.addEventListener("click", function(msg) {				
				setTimeout(function() {
					uni.navigateTo({
						url: '/pages/abroadInfo/infoDetail/index?id='+ id
					})
				}, 1000)
				plus.push.clear();
			}, false);
			
}

首先获取到 , 后端推送过来携带的参数 需要用 receive来接收

	plus.push.addEventListener("receive", function(msg) {				
				console.log(msg,11111)
				id = msg.payload.id; //在外面提前声明个变量进行存储  看例子
			}, false);

然后监听点击获取

//点击系统通知的推送跳转到指定的界面
			plus.push.addEventListener("click", function(msg) {				
				setTimeout(function() {
					uni.navigateTo({
						url: '/pages/abroadInfo/infoDetail/index?id='+ id
					})
				}, 1000)
				plus.push.clear();
			}, false);
你可以使用uni-app的插件来实现与极光推送的对接和页面跳转。首先,你需要安装uni-app的极光推送插件,可以通过以下命令进行安装: ``` npm install uni-push-js-plugin ``` 然后,在你的uni-app项目中创建一个名为`jpush.js`的文件,用于初始化和配置极光推送。在该文件中,你可以使用如下代码进行初始化: ```javascript import JPush from 'jpush-uniapp' // 初始化极光推送 JPush.init() // 设置点击通知跳转指定页面 JPush.openNotificationToPage((res) => { // 在这里处理跳转逻辑 }) ``` 在以上代码中,`JPush.init()`用于初始化极光推送插件,而`JPush.openNotificationToPage()`则用于设置点击通知跳转指定页面的回调函数。 接下来,你可以在需要接收和处理极光推送页面中引入`jpush.js`文件,并在合适的时机调用相关方法。例如,在uni-app的`App.vue`或者某个页面的`mounted`生命周期函数中,你可以调用以下代码来监听极光推送通知: ```javascript import '@/path/to/jpush.js' export default { mounted() { // 监听极光推送通知 JPush.receiveNotification((res) => { // 在这里处理接收到的通知 }) } } ``` 在以上代码中,`JPush.receiveNotification()`用于监听极光推送通知,你可以在回调函数中处理接收到的通知信息。 至此,你已经完成了uni-app与极光推送的对接。当收到极光推送通知时,你可以在相应的回调函数中编写代码来实现页面跳转逻辑。具体的跳转方式可以根据你的需求来进行定制。
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值