uni-app 使用unipush推送消息

看了半天文档没看懂,最后还是自己慢慢摸搜找出了方法,前端做的特别少,只需要开启push服务

uni-app 使用unipush推送消息_第1张图片

 在开发者中心开启服务(https://dev.dcloud.net.cn/)

uni-app 使用unipush推送消息_第2张图片

 这个页面需要点击应用名才可以

里面还有一些其他配置这里不做阐述

下面是需要给后端的数据

uni-app 使用unipush推送消息_第3张图片

 不同的应用是不同的

最后在app.vue里面写下如下代码

   

plus.push.addEventListener(
			'click',
			msg => {
				setTimeout(function() {
					uni.navigateTo({
//跳转到你想去的页面,也可以后端给path
						url: '/pages/tabbar/tabbar-5/systemMsg/systemMsg'
					});
				}, 1000);
			},
			false
		);
		//监听在线消息事件
  plus.push.addEventListener(
			'receive',
			msg => {
				setTimeout(() => {
				//如果是在线收到推送消息,需要创建一条推送  cover: false 是否覆盖上一条推送消息
					if (msg.type == 'receive') {
						var options = { cover: false, title: msg.payload.title };
						let url = '/pages/tabbar/tabbar-5/systemMsg/systemMsg';
						plus.push.createMessage(msg.payload.content, url, options);   //创建一条推送消息
					}
				}, 2500);
			},
			false
		);

前端要做的就这么多了,不用调用接口


                 
 

你可能感兴趣的:(uni-app 使用unipush推送消息)