美文网首页
uni-app消息推送UniPush

uni-app消息推送UniPush

作者: 吴wuwu | 来源:发表于2021-08-17 18:31 被阅读0次

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

    相关文章

      网友评论

          本文标题:uni-app消息推送UniPush

          本文链接:https://www.haomeiwen.com/subject/qvuibltx.html