美文网首页公司项目经验文档混合开发
MUI接入个推推送与后台联调

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

作者: mobile墨白 | 来源:发表于2018-06-14 10:12 被阅读43次

    需求: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接入个推推送与后台联调

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