【问题标题】:Device is not defined error pops up when launching my Phonegap Push notification app启动我的 Phonegap 推送通知应用程序时弹出设备未定义错误
【发布时间】:2014-10-01 16:06:08
【问题描述】:

我使用了来自 (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. 已添加到我的 www/config.xml 文件中
  7. 在我的项目中添加了 JQuery 移动 JS + CSS 文件
  8. 在我的 HTML 代码中更改了 senderID:"1111146417746
  9. 使用 CLI 构建应用程序 - phonegap build android

这是我的 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>

【问题讨论】:

    标签: android cordova phonegap-pushplugin


    【解决方案1】:

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

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

    必须移动到 HEAD 部分,而不是 BODY 部分。然后就可以正常使用了!

    【讨论】:

      【解决方案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); 
                  } 
              }
      

      【讨论】:

        【解决方案3】:

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

        cordova plugin add cordova-plugin-device
        

        这应该会添加插件。

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2019-10-13
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2012-09-10
          相关资源
          最近更新 更多