uniapp 消息推送功能实现
uni-app消息推送方案
uni-app 消息推送
uni-app中的消息推送
uniapp消息推送超详细(从开通uniPush到测试成功)
-----厂商应用开通指南-----
安卓手机 可以直接在线推送 不用配置厂商,离线推送需要配置各手机厂商
ios可以离线推送
功能需求:客户端下单,后台(java)给符合配送仓库的骑手发消息推送
前端代码:
首先: 代码需要放在app.vue中的onLaunch里面。
// 给后台传clientid
this.$ajax({
url: this.$url.clientInfo,
data: {
clientid: plus.push.getClientInfo().clientid
},
method: 'POST'
}).then(res=>{}).catch(err=>{});
// console.log(plus.push.getClientInfo().clientid)
let timer = false;
//从系统消息中心点击消息启动应用事件
plus.push.addEventListener("click",(msg)=>{
clearTimeout(timer);
timer = setTimeout(()=>{
// console.log(1111,msg);
if(msg.payload){
uni.navigateTo({
url:msg.payload
})
}
},1500)
},false)
//应用从推送服务器接收到推送消息事件
plus.push.addEventListener("receive",(msg)=>{
if("LocalMSG" == msg.payload){
}else{
if(msg.type=='receive'){
var options = {cover:false,title:msg.title};
plus.push.createMessage(msg.content, msg.payload, options);
}
}
},false)
unipush只能在打包后的app测 最好打成基座包连着电脑测
手机记得把通知权限打开,声音打开
网友评论