Cordova开发App入门（三）消息推送

如图，我们在使用App时，经常能碰到消息栏上app推送的消息，而现在比较常用的推送平台比如“极光”、“融云”等，一是付费，二是涉及到Android原生代码。噗，前面都说了，Cordova就是让普通用户可以开发App，既然如此，怎么容忍要写大量原生代码和配置呢。

So，今天要介绍的就是如何通过Cordova插件时间消息栏上的消息通知。

注：浏览本文章前，请先了解以下内容

Cordova开发App入门（一）创建android项目

Cordova开发App入门（二）使用热更新插件

---

安装插件

cordova plugin add cordova-plugin-local-notification

该命令执行完成后，可以通过cordova plugin list查看已安装的插件列表

这时候可以看到除了cordova-plugin-local-notification插件外，另外又多出了两个插件

cordova-plugin-device # 获取设备信息
cordova-plugin-badge # 未读消息数徽章显示

这两个插件都是cordova-plugin-local-notification必须依赖的，所以在安装cordova-plugin-local-notification时就自动安装了这里两个插件

Javascript代码

zyd.notification = {
   look: false,
   init : function () {
       try {
            setInterval(function(){
                if(!zyd.notification.look){
                    cordova.plugins.notification.local.schedule({
                        id: Math.random(),
                        title: '会议通知',
                        text: '今天下午17点30分 \n塔1C座2306室-会议室\n开年终会议... ',
                        foreground: true,
                        actions: [
                            { id: 'yes', title: '确认查看' },
                            { id: 'no',  title: '忽略' }
                        ]
                  });
                  zyd.notification.look = true;
                  cordova.plugins.notification.local.un('yes', zyd.notification.success);
                  cordova.plugins.notification.local.on('yes', zyd.notification.success);

                  cordova.plugins.notification.local.un('no', zyd.notification.ignore);
                  cordova.plugins.notification.local.on('no', zyd.notification.ignore);
                }else{
                    console.log("有未读的消息,暂不显示通知");
                }
            }, 5000);
       } catch (err) {
            alert("发生异常了。" + err);
       }
   },
   success: function(notification, eopts){
          zyd.notification.look = false;
          alert("消息详情：消息标题["+notification["title"]+"], 消息内容["+notification["text"]+"]")
          for(var i in eopts){
              console.log(i + "==" + eopts[i]);
          }
          for(var i in notification){
              console.log(i + "==" + notification[i]);
          }
   },
   ignore: function(notification, eopts){
        zyd.notification.look = false;
   }
};

然后在页面上通过以下命令调用

zyd.notification.init();

接下来就可以打包测试或者真机运行（本次是在模拟机上测试）
真机测试

总结

Cordova实现消息推送，必须要注意的几点：

①安装插件

②编写推送相关的代码

源码地址：cordova-study