MUI接入个推推送与后台联调

需求:app通知栏收到推送,点击通知栏推送可以进入到不同的详情页(与后台接口联调)


题记:上一篇文章在使用个推后台发送json,有分析过MUI集成个推的流程。这一次主要是在实际开发过程中,后台接入个推SDK以后,两端联调工作。实际接入以后两端联调还是有些不同的。

Android

之前我们说到,Android处理方式比较简单,只需要后台按照规定透传模板的数据结构来即可。但是实际对接过程中我们发现,按照透传模板消息过来,点击通知栏打开app并不会走click监听方法。根据论坛过来人的爬坑经验,我们找到一种替代方案,亲测可用。原理如下:

如何获得透传数据?刚才我说过标准格式不触发‘click’事件,那怎么获得透传数据,并打开我们指定的页面呢?这里需要使用到app的启动参数plus.runtime.arguments。如果app是启动状态,不管前台还是后台,都可以用新意图事件来获得启动参数,如果app是未启动状态,可以在plusReady里获得启动参数。

        //获取推送通知
        plus.push.addEventListener("receive", function (msg) {
            if (plus.os.name == "iOS") {
                XXX
            } else {//Android的在receive方法处理,不走click
                json = msg.payload;
                alert("Android json: " + JSON.stringify(json));
                alert("type : " + JSON.parse(json).type);
                openNewWindow(json);
            }
        }, false); 
        
        //获取通知栏(app未启动)点击、第三方程序启动本app
        function openWebviewFromOthers() {
            var args = plus.runtime.arguments;
            if (args) {
                openNewWindow(args);
            }
        }

        function pushGetRun(msg) {
            alert("pushGetRun " + JSON.stringify(msg))
            //用参数打开指定页面
            openNewWindow(msg)
        }
    

在页面创建的时候调用 openWebviewFromOthers(),此时我们可以完成了Android的推送流程。在receive方法中可以处理接收消息体。

iOS

上一篇文章中,针对iOS分析比较详细了。在实际联调中,还是有些小细节需要注意下。就比如我踩到的一个大坑就是,iOS在后台的时候,走的是APS通道。在消息中心点开以后,打开APP会在click方法中监听到两次消息。这个问题让我百思不得其解,后来查了很多资料才发现苹果有个content-available的参数,默认是置为1的,但是我们这里需要置为0。有兴趣可以自行百度看看。

所以,app在前台的时候我们依旧走的是receive方法生成一个本地通知,在收到的json中,和后台约定一个字段用来替换成你自定义标识的字段,这个操作的目的是区分本地消息和透传消息。

         //我这里是根据约定的msgType字段判断
         plus.push.addEventListener("receive", function (msg) {
            if (plus.os.name == "iOS") {
                alert("获取本地推送: " + JSON.stringify(msg));
                if (JSON.parse(msg.content).msgType != "LocalMSG") {
                    //本地推送
                    createLocalPushMsg(msg);
                }
            } else {//Android的在receive方法处理,不走click
              XXX
            }
        }, false);
    
    
        //创建本地消息
        function createLocalPushMsg(msg) {
            var options = {cover: false};
            var msgJson = JSON.parse(msg.content);
            /**
             * 把msgType字段替换,该消息即为本地生成的消息,
             * 不会在receive方法中重复收到
             */
            msgJson.msgType = "LocalMSG";
            plus.push.createMessage(msg.payload.content, JSON.stringify(msgJson), options);
        }

然后在click方法中,我们可以统一处理接收到的iOS消息,而不需要区分是否为本地消息:

        //点击推送进来
        plus.push.addEventListener("click", function (msg) {
            // alert(JSON.stringify(msg));
            if (plus.os.name == "iOS") {
                json = msg.payload;
                json = isJSON(json) ? JSON.parse(json) : json;
                alert("iOS : " + JSON.stringify(json));
                alert("iOS type字段: " + json.type);
            }
            openNewWindow(json);
        }, false);
    

你可能感兴趣的:(MUI接入个推推送与后台联调)