科尔多瓦推送通知问题答案

【问题标题】：Cordova PushNotification issue科尔多瓦推送通知问题
【发布时间】：2015-11-24 07:37:09
【问题描述】：

我正在尝试使用 AngularJS 作为 FO 在基于科尔多瓦的项目上实现一些通知。

我做了什么：

0/ 在 GCM 上注册一个 id

1/ 安装插件https://github.com/phonegap-build/PushPlugin.git

2/ 在我的 index.html 中包含了最新版本的 cordova.js

代码：

<html ng-app="baclyApp">
    <head>
<meta name="format-detection" content="telephone=no">
        <meta name="msapplication-tap-highlight" content="no">
        <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
        <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
        <link rel="stylesheet" type="text/css" href="css/style.css">
        <link rel="stylesheet" type="text/css" href="css/angular-growl.min.css">

        <title>Bacly Mobile</title>
    </head>
    <body>
           <div class="navbar navbar-default navbar-fixed-top" role="navigation" id='nav1' ng-controller="navCtrl">
               <div class="container-fluid">
                     <div class="">
                        <ul class="nav navbar-nav navbar-left">
                            <li>
                                <a class="navbar-brand" ui-sref="home">
                                    Bacly Mobile
                                </a>
                            </li>
                        </ul>
                     </div>   
                     <div class="collapse navbar-collapse">
                          <ul class="nav navbar-nav navbar-right">
                            <li><a ng-click="init1()"><span class="glyphicon glyphicon-refresh"></span></a></li>
                            <li><a ui-sref="login"><span class="glyphicon glyphicon-user"></span></a></li>

                          </ul>
                    </div><!-- /.navbar-collapse -->
                </div>        
            </div>
            <div class="navbar navbar-default navbar-static-top">
                <div class='container'>
                  <ul class="nav nav-justified">
                        <li><a ui-sref="home"><span class="glyphicon glyphicon-home"></span></a></li>
                        <li><a ui-sref="tournois"><span class="glyphicon glyphicon-calendar"></span></a></li>
                        <li><a ui-sref="defi"><span class="glyphicon glyphicon-sort"></span></a></li>
                        <li><a ui-sref="pointage"><span class="glyphicon glyphicon-pencil"></span></a></li>

                    </ul>
                </div>
            </div>
        <div class='container-fluid' id="maincontainer">
            <div class"col-xs-12 col-sd-12 col-md-12 col-ld-12 container" ui-view="main">   
            </div>
        </div>
        <div growl></div>
        <div id="deviceready" class="blink">
            <p class="event listening">Connecting to Device</p>
            <p class="event received">Device is Ready</p>
        </div>        
        <script src="js/angular.js"></script>
        <script src="js/underscore.js"></script>
        <script src="js/angular-ui-bootstrap-test.js"></script>
        <script src="js/angular-ui-router.js"></script>
        <script src="js/angular-cookies.js"></script>
        <script src="js/angular-growl.min.js"></script>
        <script src="js/filters.js"></script>   
        <script src="js/xml2json.js"></script>
        <script src="js/utf8_encode.js"></script>
        <script src="js/moment.js"></script>
        <script src="js/cordova.js"></script>
        <script src="js/baclym.js"></script>


    </body>
</html>

3/ 在顶部的主脚本中，我为设备就绪实现了一个事件侦听器。

代码（baclym.js 开头）：

document.addEventListener("deviceready", function() {


    var pushNotification = window.plugins.pushNotification;
        console.log(pushNotification);
        pushNotification.register(successHandler, errorHandler,{"senderID":"59581338115","ecb":"app.onNotificationGCM"});

    function successHandler (result) {
            alert('Callback Success! Result = '+result)}

    function errorHandler (error) {
            alert(error);
        }
    function onNotificationGCM (e) {
                  switch( e.event )
                  {
                      case 'registered':
                          if ( e.regid.length > 0 )
                          {
                              console.log("Regid " + e.regid);
                              alert('registration id = '+e.regid);
                          }
                      break;

                      case 'message':
                        // this is the actual push notification. its format depends on the data model from the push server
                        alert('message = '+e.message+' msgcnt = '+e.msgcnt);
                      break;

                      case 'error':
                        alert('GCM error = '+e.msg);
                      break;

                      default:
                        alert('An unknown GCM event has occurred');
                        break;
                  }
              }


}, false);

4/ 我在我的设备上运行它（s4 mini，android 4.4.2）

使用 chrome 检查设备对其进行调试：

我没有收到任何警报消息或控制台消息

我最终在 cordova.js 中收到了一条错误消息，但我猜这没有链接

Uncaught ReferenceError: require is not defined cordova.js:29

我至少应该得到一个关于进入 document.addEventListener 的 console.log，但什么也没有。

感谢您的建议。

【问题讨论】：

为什么不使用 pushbot 插件？我们使用这个插件，它工作得很好。
谢谢，我试试看。在我的谷歌搜索中没有看到它，很多主题都在谈论我正在尝试使用的插件
固定：stackoverflow.com/questions/25967691/…

标签： javascript android angularjs cordova

【解决方案1】：

只要你指定了app.onNotificationGCM回调，你应该有一个全局变量app和函数onNotificationGCM被调用。

【讨论】：

【解决方案2】：

您可以使用 pushbot 插件。我们使用这个插件，它工作得很好。此插件仅适用于 android 和 ios 设备。

【讨论】：