设备未定义启动Phonegap推送通知应用程序时会弹出错误

时间:2014-08-08 08:26:40

标签: android cordova phonegap-pushplugin

我使用了来自(https://github.com/phonegap-build/PushPlugin/tree/master/Example/www)的示例源代码。问题是,当我安装我的应用程序并启动它我的Android手机(或Android SDK模拟器)时,它无法将设备注册到Android GCM。弹出所有时间错误 - “设备未定义”。我不确切知道如何捕获错误,为什么它无法注册设备。

我执行的步骤是:

  1. - 创建了Phonegap项目

  2. - 安装了3个插件(cordova-plugin-device.git,cordova-plugin-media.git,PushPlugin)。

  3. - 在Google Android GCM中注册了应用并检索了我的Goolge云API和项目编号
  4. 找到安装在project-root / plugins文件夹中的PushNotification.js文件。此文件已复制到我的project-root / www文件夹中,并从index.html
  5. 引用
  6. 在我的索引文件中添加
  7. 已添加到我的www / config.xml文件
  8. 在我的项目中添加了JQuery mobile JS + CSS文件
  9. 在我的HTML代码中更改了senderID:“1111146417746
  10. 使用CLI构建应用程序 - phonegap build android
  11. 这是我的Index.html代码:

    <html>
        <head>
            <title>com.PhoneGap.c2dm</title>
        </head>
        <body>
    
    
            <!--<script type="text/javascript" charset="utf-8" src="cordova-2.2.0.js"></script>-->
         <link rel="stylesheet" href="ext/jquery/jquery.mobile-min.css">
        <script type="text/javascript" src="ext/jquery/jquery-min.js"></script>
        <script type="text/javascript" src="ext/jquery/jquery.mobile-min.js"></script>
        <script type="text/javascript" src="ext/jquery.qrcode.js"></script>
            <script type="text/javascript" charset="utf-8" src="cordova.js"></script>
            <script type="text/javascript" src="PushNotification.js"></script>
    
            <script type="text/javascript">
                var pushNotification;
    
                function onDeviceReady() {
                    $("#app-status-ul").append('<li>deviceready event received</li>');
    
                    document.addEventListener("backbutton", function(e)
                    {
                        $("#app-status-ul").append('<li>backbutton event received</li>');
    
                        if( $("#home").length > 0)
                        {
                            // call this to get a new token each time. don't call it to reuse existing token.
                            //pushNotification.unregister(successHandler, errorHandler);
                            e.preventDefault();
                            navigator.app.exitApp();
                        }
                        else
                        {
                            navigator.app.backHistory();
                        }
                    }, false);
    
                    try 
                    { 
                        pushNotification = window.plugins.pushNotification;
                  $("#app-status-ul").append('<li>registering ' + device.platform + '</li>');
                        if (device.platform == 'android' || device.platform == 'Android' ||
                                device.platform == 'amazon-fireos' ) {
                pushNotification.register(successHandler, errorHandler, {"senderID":"111111117746","ecb":"onNotification"});        // required!
                        } else {
                            pushNotification.register(tokenHandler, errorHandler, {"badge":"true","sound":"true","alert":"true","ecb":"onNotificationAPN"});    // required!
                        }
                    }
                    catch(err) 
                    { 
                        txt="There was an error on this page.\n\n"; 
                        txt+="Error description: " + err.message + "\n\n"; 
                        alert(txt); 
                    } 
                }
    
                // handle APNS notifications for iOS
                function onNotificationAPN(e) {
                    if (e.alert) {
                         $("#app-status-ul").append('<li>push-notification: ' + e.alert + '</li>');
                         // showing an alert also requires the org.apache.cordova.dialogs plugin
                         navigator.notification.alert(e.alert);
                    }
    
                    if (e.sound) {
                        // playing a sound also requires the org.apache.cordova.media plugin
                        var snd = new Media(e.sound);
                        snd.play();
                    }
    
                    if (e.badge) {
                        pushNotification.setApplicationIconBadgeNumber(successHandler, e.badge);
                    }
                }
    
                // handle GCM notifications for Android
                function onNotification(e) {
                    $("#app-status-ul").append('<li>EVENT -> RECEIVED:' + e.event + '</li>');
    
                    switch( e.event )
                    {
                        case 'registered':
                        if ( e.regid.length > 0 )
                        {
                            $("#app-status-ul").append('<li>REGISTERED -> REGID:' + e.regid + "</li>");
                            // Your GCM push server needs to know the regID before it can push to this device
                            // here is where you might want to send it the regID for later use.
                            console.log("regID = " + e.regid);
                        }
                        break;
    
                        case 'message':
                            // if this flag is set, this notification happened while we were in the foreground.
                            // you might want to play a sound to get the user's attention, throw up a dialog, etc.
                            if (e.foreground)
                            {
                                $("#app-status-ul").append('<li>--INLINE NOTIFICATION--' + '</li>');
    
                                    // on Android soundname is outside the payload. 
                                        // On Amazon FireOS all custom attributes are contained within payload
                                        var soundfile = e.soundname || e.payload.sound;
                                        // if the notification contains a soundname, play it.
                                        // playing a sound also requires the org.apache.cordova.media plugin
                                        var my_media = new Media("/android_asset/www/"+ soundfile);
    
                                my_media.play();
                            }
                            else
                            {   // otherwise we were launched because the user touched a notification in the notification tray.
                                if (e.coldstart)
                                    $("#app-status-ul").append('<li>--COLDSTART NOTIFICATION--' + '</li>');
                                else
                                $("#app-status-ul").append('<li>--BACKGROUND NOTIFICATION--' + '</li>');
                            }
    
                            $("#app-status-ul").append('<li>MESSAGE -> MSG: ' + e.payload.message + '</li>');
                            //android only
                            $("#app-status-ul").append('<li>MESSAGE -> MSGCNT: ' + e.payload.msgcnt + '</li>');
                            //amazon-fireos only
                            $("#app-status-ul").append('<li>MESSAGE -> TIMESTAMP: ' + e.payload.timeStamp + '</li>');
                        break;
    
                        case 'error':
                            $("#app-status-ul").append('<li>ERROR -> MSG:' + e.msg + '</li>');
                        break;
    
                        default:
                            $("#app-status-ul").append('<li>EVENT -> Unknown, an event was received and we do not know what it is</li>');
                        break;
                    }
                }
    
                function tokenHandler (result) {
                    $("#app-status-ul").append('<li>token: '+ result +'</li>');
                    // Your iOS push server needs to know the token before it can push to this device
                    // here is where you might want to send it the token for later use.
                }
    
                function successHandler (result) {
                    $("#app-status-ul").append('<li>success:'+ result +'</li>');
                }
    
                function errorHandler (error) {
                    $("#app-status-ul").append('<li>error:'+ error +'</li>');
                }
    
                document.addEventListener('deviceready', onDeviceReady, true);
    
             </script>
            <div id="home">
                <div id="app-status-div">
                    <ul id="app-status-ul">
                        <li>Cordova PushNotification Plugin Demo</li>
                    </ul>
                </div>
            </div>
        </body>
    </html>
    

3 个答案:

答案 0 :(得分:5)

转到您的插件文件夹,检查您是否有名为cordova-plugin-device的文件夹。 该插件应该安装在您的项目中。因此,如果缺少该文件夹,则需要通过打开终端并转到项目的根目录来执行以下命令来安装它

cordova plugin add cordova-plugin-device

这应该添加插件。

答案 1 :(得分:3)

我自己找到了解决方案。事实证明,这两个JS文件:

 <script type="text/javascript" charset="utf-8" src="cordova.js"></script>
 <script type="text/javascript" src="PushNotification.js"></script>

必须在HEAD部分移动,而不是在BODY部分。然后它工作正常!

答案 2 :(得分:2)

将您的注册码放在DeviceReady功能

var platform = null;
        document.addEventListener("deviceready", onDeviceReady, false);
        function onDeviceReady() {
          platform = device.platform;
          //alert(platform);
          $("#app-status-ul").append('<li>'+ platform +'</li>');
          try 
            { 
                pushNotification = window.plugins.pushNotification;
          $("#app-status-ul").append('<li>registering ' + device.platform + '</li>');
                if (device.platform == 'android' || device.platform == 'Android' ||
                        device.platform == 'amazon-fireos' ) {
        pushNotification.register(successHandler, errorHandler, {"senderID":"860557673192","ecb":"onNotification"});        // required!
                } else {
                    pushNotification.register(tokenHandler, errorHandler, {"badge":"true","sound":"true","alert":"true","ecb":"onNotificationAPN"});    // required!
                }
            }
            catch(err) 
            { 
                txt="There was an error on this page.\n\n"; 
                txt+="Error description: " + err.message + "\n\n"; 
                alert(txt); 
            } 
        }