推送通知PhoneGap

时间:2014-12-15 09:45:56

标签: android push-notification google-cloud-messaging phonegap-pushplugin

我正在开发一个应用程序来接收推送通知,但是我遇到了一些问题。

我正在使用PhoneGap开发我的应用和此插件 - PushPlugin 我已成功使用PhoneGap安装了插件,它已列在我安装的插件中​​,并且在手机上安装我的应用程序时也拥有所需的权限。

我已经为GCM服务注册了我的应用程序并获得了我的项目编号,API密钥等。我按照此处的步骤进行了操作 - Google Cloud Messaging

当应用程序首次启动时,我显然需要获取设备的注册ID(顺便提一下Android设备),但是我无法让它运行整个注册码。

在插件的文档中,它说代码需要在设备准备好后立即调用 - 我已经完成了。

var pushNotification;

document.addEventListener("deviceready", function(){
    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":"sender_ID",
        "ecb":"onNotification"
    });
} 

});



// result contains any message sent from the plugin call
function successHandler (result) {
    alert('result = ' + result);
}

// result contains any error description text returned from the plugin call
function errorHandler (error) {
    alert('error = ' + error);
}

// Android and Amazon Fire OS
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.
            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>');
           //Only works for GCM
       $("#app-status-ul").append('<li>MESSAGE -> MSGCNT: ' + e.payload.msgcnt + '</li>');
       //Only works on Amazon Fire OS
       $status.append('<li>MESSAGE -> TIME: ' + 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;
  }
}

成功后,它应该运行成功处理程序,或者如果失败,则运行错误处理程序。但是我没有得到。

我一直在缩小代码以查看它是否在特定行上崩溃,使用警报。如下图所示 -

alert('Start of push');
document.addEventListener("deviceready", function(){
var pushNotification;
    pushNotification = window.plugins.pushNotification;
    alert('past pushNotification');

    alert(device.platform);

    $("#app-status-ul").append('<li>registering ' + device.platform + '</li>'); //crashing on this line

    alert('registering');
if( device.platform == 'android' || device.platform == 'Android'){
    alert('pushreg');
    pushNotification.register(
    successHandler,
    errorHandler,
    {
        "senderID":"sender_ID_here",
        "ecb":"onNotification"
    });
} 
alert('register complete');    
});




// result contains any message sent from the plugin call
function successHandler (result) {
    alert('result = ' + result);
}

// result contains any error description text returned from the plugin call
function errorHandler (error) {
    alert('error = ' + error);
}

// Android and Amazon Fire OS
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.
            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>');
           //Only works for GCM
       $("#app-status-ul").append('<li>MESSAGE -> MSGCNT: ' + e.payload.msgcnt + '</li>');
       //Only works on Amazon Fire OS
       $status.append('<li>MESSAGE -> TIME: ' + 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;
  }
}
alert('end of push');

显然它能够运行第一个警报&#34; Start of Push&#34;以及过去推送通知&#34;过去推送通知&#34;警报。我检查确保device.platform没有崩溃,并使用相同的代码发出警报 - 这会在我的设备上返回Android。然而,在那之后我似乎永远不会得到任何东西,这让我相信它在$("#app-status-ul").append('<li>registering ' + device.platform + '</li>');

上崩溃了

如果有人能帮助我试图弄明白这将是一个很大的帮助,

感谢。

2 个答案:

答案 0 :(得分:0)

要获得设备平台,应在Phonegap / Cordova应用上安装“设备”插件。

您可以从命令行添加插件到您的应用

cordova plugin add org.apache.cordova.device

列出你的插件

cordova plugin ls

如果您的列表中有['org.apache.cordova.device'],则表示您的插件未安装

删除插件

cordova plugin rm org.apache.cordova.device

答案 1 :(得分:0)

这是您为推送通知构建应用程序时需要遵循的步骤:

*使用CLI安装cordova并运行以下命令(请参阅link

1)创建一个cordova项目

cordova create hello com.example.hello HelloWorld

2)添加平台

cordova platform add android

3)建立项目

cordova build android

4)添加插件

cordova plugin add org.apache.cordova.device
cordova plugin add org.apache.cordova.media
cordova plugin add https://github.com/phonegap-build/PushPlugin.git

5)建立项目

cordova build android

6)在Eclipse中导入创建的项目

7)使用this位置所需的代码来设计index.html。

8)从

复制PushNotification.js
  

<强> ProjectFolderPath \插件\ com.phonegap.plugins.PushPlugin \ WWW

ProjectFolderPath - 使用CLI创建的项目路径

到您的eclipse项目assets/www/文件夹

9)还在assets / www文件夹中添加jquery .js文件和声音文件。 (您可以从Github示例文件夹下载并复制它)

10)在index.html中,不要忘记更改GCM项目的senderID(即ProjectId)

11)在实际设备上运行您的应用。它可能无法在模拟器上运行。