首先这个功能在uniapp上面比较简单,因为uniPush集成了个推并且免费使用。
- 在
manifest.json
中开启同送权限,然后点击配置。使用自己的uniapp账号,https://dev.dcloud.net.cn/
后台创建自己的应用。
- 点击uniPush创建一个推送。
- 测试
- 建议打包自定义基座测试 运行---手机模拟器---制作自定义基座
- 或云打包测试
- 厂商推送,需要申请各个平台的推送权限。准备好材料,一般需要几天。主要材料包括,企业三证,法人身份证正反面照片,法人手持身份证正反面照片。
- 透传
{"title":"晚上食堂恰饭呀","content":"还有一小时","payload":"1234567890"}
- 前端在处理时需要监听推送消息,当接收使创建手机通知栏消息,以及点击时的逻辑操作
- 需要注意的是推送的监听代码只能写在
app.vue的 onLaunch
回调中
onLaunch: function() {
console.log('App Launch')
// #ifdef APP-PLUS
plus.push.addEventListener('click', function(msg) {
console.log("msg", msg);
//处理点击消息的业务逻辑代码
// plus.nativeUI.alert("click:" + JSON.stringify(msg));
// plus.nativeUI.alert(msg.payload);
// 被点击时跳转应用首页
uni.navigateTo({
url:'./pages/tabBar/home/home',
})
}, false);
//监听接收透传消息事件
plus.push.addEventListener('receive', function(msg) {
//处理透传消息的业务逻辑代码
alert('谈不谈就完了' )
plus.nativeUI.alert("recevice:" + JSON.stringify(msg.title))
plus.nativeUI.alert("recevice:" + JSON.stringify(msg.payload))
// plus.push.createMessage( content, payload, option );
// 创建手机通知栏消息
plus.push.createMessage( msg.title,msg.payload);
}, false);
// #endif
},
网友评论