美文网首页公司项目经验文档混合开发
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接入个推推送与后台联调

    需求:app通知栏收到推送,点击通知栏推送可以进入到不同的详情页(与后台接口联调) 题记:上一篇文章在使用个推后台...

  • MUI使用个推推送流程分析

    需求:app通知栏收到推送,点击通知栏推送可以进入到不同的详情页(使用个推后台调试数据) 1、监听方法分析: re...

  • swift 中如何在NotificationService中进行

    最近项目在接入个推推送时,由于项目使用的是swift编写的,然后个推的SDK都是OC编写的,所以在接入的过程中,难...

  • 2021-08-26月计划

    1.江北联调 :加入阈值 开机启动 2, 培训 3.平台联调 4.出差

  • 小图点击放大预览效果

    主要是mui.previewimage.js和mui.zoom.js的使用 效果: 点开小图后(mui.zoom....

  • Hive调优

    宏观调优思路 1.资源充足加内存 2.数据接入慢调优接入工具Sqoop/Datax 3.Hive参数调优 4.sq...

  • mui回到上一页并且刷新

    关于mui提交数据后返回到上个页面并且刷新父页面内容,可以重写mui中的mui.back()函数,代码如下:

  • 集成个推推送

    背景很多时候,我们的APP需要接入接收推送的功能,市面上有许多提供推送服务的SDK,比如小米推送、极光推送、个推推...

  • 浅尝MUI-序

    初探MUI MUI是一个HTML5前端框架,主要用于手机APP开发。附MUI官方文档。以下内容均围绕MUI进行讨论...

  • MUI框架—其他方法

    mui() MUI框架使用CSS选择器获取HTML元素,返回MUI对象的数组。mui("p"):选取所有 元素...

网友评论

    本文标题:MUI接入个推推送与后台联调

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