uni-app消息推送UniPush

2021-08-17  本文已影响0人  吴wuwu

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测 最好打成基座包连着电脑测
手机记得把通知权限打开,声音打开

上一篇下一篇

猜你喜欢

热点阅读