在 uni-app 使用
unipush要先了解文档。
H5联盟 push 文档链接
一、首要工作
-
在
manifest.json里的App模块权限配置里勾选Push(消息推送)，再勾选二级uniPush
配置勾选 -
点击配置去官网按照要求填写信息
官网配置
二、代码
1、要求
- 想接收推送，手机要打开通知权限
- 前端需要
clientid传给后端clientid是客户端标识
// 建议 login 时传值给后端
let clientid = plus.push.getClientInfo()
data.clientid = clientid
2、在项目入口 App.vue 页面 接收推送消息
App.vue 里生命周期 onLaunch 监听
onLaunch() {
//#ifdef APP-PLUS
// 监听在线消息事件
plus.push.addEventListener(
'receive',
(msg) => {
// 这是接收的内容
console.log('recevice:' + JSON.stringify(msg))
// 这里获取后端传来的参数
console.log(JSON.parse(msg.content))
// 这里可以写跳转逻辑代码
},
false
)
/* 5+ push 消息推送 ps:使用:H5+的方式监听，实现推送*/
plus.push.addEventListener(
'click',
(msg) => {
console.log('click:' + JSON.stringify(msg))
/**
* 推送的标题/名字和内容
* payload:{"title":"碎碎z","content":"聊天内容"}
*/
console.log(msg.payload)
},
false
)
//#endif
},
本文讲的是 APP 打开时接收在线消息。
如需接收离线，请参考 uniPush 使用指南
