uni-app中使用plus方法推送消息到手机状态栏

南栀@F

已于 2024-06-17 17:04:32 修改

阅读量2.4k

点赞数 9

文章标签： uni-app javascript 前端

于 2024-03-15 16:34:43 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_37971962/article/details/136743477

版权

文章介绍了如何在App中使用H5PlusPushAPI创建通知栏消息，包括设置消息内容、选项以及点击通知后的页面跳转逻辑。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本文使用plus推送消息功能，只能在App在线后才可以推送到状态栏

核心创建通知栏消息

let options = {
	"cover": true, //覆盖上次，只保留最后一个
	"when": new Date(),
	'title': "预警消息"
};
let body = {
	'id': 'id',
	'key': "key"
}
let payload = JSON.stringify(body);
// 发送消息通知
plus.push.createMessage(content, payload, options);

点击通知信息跳转到应用内的页面

plus.push.addEventListener("click", (msg) => {
	console.log("您点击了: " + JSON.stringify(msg));
	uni.switchTab({ // 登陆成功后，点击消息跳转到消息列表页
		url: "/pages/warn/index", //换成你自己的地址
		success: function(res) {
			console.log('跳转成功', res);
		},
		fail: function(err) {
			console.log('跳转失败', err);
		},
	});
	}, false);

完整代码

getWarnList({
		pageNum: 1,
		pageSize: 5
	}).then(res => {
		if (res && res.rows) {
			// this.warnList = res.rows
			// this.warnTotal = res.total
			let content = `您有新的预警,请点击查看`;
			let options = {
				"cover": true, //覆盖上次，只保留最后一个
				"when": new Date(),
				'title': "预警消息"
			};
			let body = {
				'id': 'id',
				'key': "key"
			}
			let payload = JSON.stringify(body);
			plus.push.createMessage(content, payload, options);
			plus.push.addEventListener("click", (msg) => {
				console.log("您点击了: " + JSON.stringify(msg));
				uni.switchTab({ // 登陆成功后，点击消息跳转到消息列表页
					url: "/pages/warn/index",
					success: function(res) {
						console.log('跳转成功', res);
					},
					fail: function(err) {
						console.log('跳转失败', err);
					},
				});
			}, false);
		}
	}).catch(() => {
		console.log('异常');
	})