The function onNotificationGCM in Cordova PushNotification is not triggered

Question

The function onNotificationGCM in Cordova PushNotification is not triggered

I am currently working on implementing push notifications for both Android and iOS.

For this task, I have utilized a cordova push-plugin from the following link: https://github.com/phonegap-build/PushPlugin, and so far, it has been functioning excellently.

A quick note: I am working on an AngularJS project.

Within my NotificationHelper factory, I have implemented the following init method:

helper.init = function() {

    // Initialize the push plugin notification
    var pushNotification = window.plugins.pushNotification;

    var errorHandler = function(error) {
        logger.debug('errorHandler = ' + error);
    };

    if ($rootScope.isAndroid()) {
        var senderId = CONFIG.NOTIFICATION_ANDROID_SENDER_ID;
        pushNotification.register(function(result) {
            logger.debug('successHandler = ' + result);
        }, errorHandler, {
            'senderID' : senderId,
            'ecb' : 'onNotificationGCM'
        });
    }
};

Additionally, I have defined the following methods in mains.js :

var onNotificationGCM = function(event) {
   // Callback to web service in Angular.
   var elem = angular.element(document.querySelector('[ng-app]'));
   var injector = elem.injector();
   var service = injector.get('NotificationHelper');
   service.onNotificationGCM(event);
};

This is a workaround to call an AngularJS factory from main JavaScript.

The 'onNotificationGCM' function calls the 'NotificationHelper.onNotificationGCM' method :

helper.onNotificationGCM = function(e) {
    switch (e.event) {
    case 'message':
        // Notification received while app was in the foreground
        if (e.foreground) {
            logger.debug('[notification] [message] Foreground : ' + JSON.stringify(e));
        } else { // Notification tapped in the notification tray
            logger.debug('[notification] [message] Background : ' + JSON.stringify(e));
            if (e.coldstart) {
                // App was not running and user clicked on notification
            } else {
                // App was running and user clicked on notification
            }
        }
        decriptPayloadNotification(e.payload);
        break;
    case 'registered':
        logger.debug('[notification] [registered] : ' + JSON.stringify(e));
        if (e.regid.length > 0) {
            registerUser(e.regid, 'gcm');
        }
        break;

    case 'error':
        logger.debug('[notification] [error] : ' + JSON.stringify(e));
        break;

    default:
        logger.debug('[notification] [default] : Unknown, an event was received and we do not know what it is : ' + JSON.stringify(e));
        break;
    }
};

Initially, everything works well:

'Registered' event is received
Notifications are received
When I'm in the foreground, I receive the 'message' event :

NotificationHelper: [notification] [message] Foreground : {"event":"message","from":"847593779913","message":"Agenêts 23/03 10h\r\n","collapse_key":"do_not_collapse","foreground":true,"payload":{"lt":"school","lv":"E1154","notId":"35429","title":"Agenêts le 23/03/2015","message":"Agenêts 23/03 10h\r\n"}}

When I'm in the background and receive a notification that I tap in the notification tray, I receive the 'message' event :

NotificationHelper: [notification] [message] Background : {"event":"message","from":"847593779913","message":"la piscine sera fermée 1 journée pour raison technique","coldstart":false,"collapse_key":"do_not_collapse","foreground":false,"payload":{"lt":"swimming pool","lv":"E114","notId":"29869","title":"23/04/2015 fermeture de la piscine","message":"la piscine sera fermée 1 journée pour raison technique"}}

However, if I force quit my app, the functionality stops.

If I restart the app, I no longer receive the 'message' events and the 'onNotificationGCM' method is not called.

I have found some articles discussing this issue, but so far, without any success:

Stackoverflow : Phonegap PushNotification to open a specific app page

Does anyone have any insights or ideas on how to address this problem?

javascript angularjs cordova push-notification phonegap-pushplugin

Answer 1

Answer №1

If you are utilizing node-gcm as your push notification server, here are some tips that may help with your query: things to verify:

Utilize adb logcat from the console and monitor your device logs to check if your device is receiving any notifications (you should see some logs from gcmservices if it's working). It's important to have these logs, as not seeing them could mean no notifications will be received even when the app is in the foreground.
Ensure that you have added "title" and "message" keys to your message data (this tripped me up before)
Check that the delayWhileIdle parameter is set to false

Below is a sample of the message variable and method I am using:

var pushAndroidSender = new gcm.Sender('Your GoogleApi Server Key Here');
var message = new gcm.Message({
    collapseKey: 'demo',
    delayWhileIdle: false,
    timeToLive: 3,
    data: {
        "message":"What's up honey?",
        "title":"Come on"
    }
});
pushAndroidSender.send(message, registrationIds, function(err, result) {
    if (err) {
        console.error("An error occurred: " + err);
    } else {
        console.log("Successful result:" + result);
    }
});

Answer 2

If you are utilizing node-gcm as your push notification server, here are some tips that may help with your query: things to verify:

Utilize adb logcat from the console and monitor your device logs to check if your device is receiving any notifications (you should see some logs from gcmservices if it's working). It's important to have these logs, as not seeing them could mean no notifications will be received even when the app is in the foreground.
Ensure that you have added "title" and "message" keys to your message data (this tripped me up before)
Check that the delayWhileIdle parameter is set to false

Below is a sample of the message variable and method I am using:

var pushAndroidSender = new gcm.Sender('Your GoogleApi Server Key Here');
var message = new gcm.Message({
    collapseKey: 'demo',
    delayWhileIdle: false,
    timeToLive: 3,
    data: {
        "message":"What's up honey?",
        "title":"Come on"
    }
});
pushAndroidSender.send(message, registrationIds, function(err, result) {
    if (err) {
        console.error("An error occurred: " + err);
    } else {
        console.log("Successful result:" + result);
    }
});

Answer 3

Answer №2

After encountering an issue where a plugin was working correctly the first time but not on subsequent launches, I pondered why this might be happening.

I had a thought: perhaps the callback function is only subscribed to the plugin the first time and not during subsequent attempts.

It turned out that this was indeed the root cause of my problem. I was only calling "pushNotification.register" once to initialize the plugin and retrieve IDs. However, on future app launches, I neglected to reinstantiate the plugin, resulting in the pushplugin being unaware of which method to invoke in the callback request.

The solution? Make sure to call "pushNotification.register" every time the application is launched!

In my code, it became necessary to invoke the following method on each "deviceready" event:

helper.init = function() {

// Initialize push plugin notification
var pushNotification = window.plugins.pushNotification;

var errorHandler = function(error) {
    logger.debug('errorHandler = ' + error);
};

if ($rootScope.isAndroid()) {
    var senderId = CONFIG.NOTIFICATION_ANDROID_SENDER_ID;
    pushNotification.register(function(result) {
        logger.debug('successHandler = ' + result);
    }, errorHandler, {
        'senderID' : senderId,
        'ecb' : 'onNotificationGCM'
    });
}
};

Answer 4

After encountering an issue where a plugin was working correctly the first time but not on subsequent launches, I pondered why this might be happening.

I had a thought: perhaps the callback function is only subscribed to the plugin the first time and not during subsequent attempts.

It turned out that this was indeed the root cause of my problem. I was only calling "pushNotification.register" once to initialize the plugin and retrieve IDs. However, on future app launches, I neglected to reinstantiate the plugin, resulting in the pushplugin being unaware of which method to invoke in the callback request.

The solution? Make sure to call "pushNotification.register" every time the application is launched!

In my code, it became necessary to invoke the following method on each "deviceready" event:

helper.init = function() {

// Initialize push plugin notification
var pushNotification = window.plugins.pushNotification;

var errorHandler = function(error) {
    logger.debug('errorHandler = ' + error);
};

if ($rootScope.isAndroid()) {
    var senderId = CONFIG.NOTIFICATION_ANDROID_SENDER_ID;
    pushNotification.register(function(result) {
        logger.debug('successHandler = ' + result);
    }, errorHandler, {
        'senderID' : senderId,
        'ecb' : 'onNotificationGCM'
    });
}
};

The function onNotificationGCM in Cordova PushNotification is not triggered

Answer №1

Answer №2

Similar questions

Filterable Bootstrap table with striped zebra CSS styling

Can bootstrap classes be transformed into pure css code?

Utilizing the child element's attribute value in a list to dynamically modify the CSS styling of a div element

Deploying an Angular application created using Yeoman to Heroku

Tips for creating 2 fetch methods for a contact API and a Message API in ReactJS!

Using Javascript, verify if a given URL is legitimate and commences with "http://" or "https://"

Retrieving the special attribute value from a div element

Click on the following link to view your screen resolution:

Tips for aligning an element in the center in relation to its sibling above

Eliminate all key-value pairs from an array of objects except for the specified key-value pair

Is it possible for Vue Router to remember the scroll position on a route and return to the same position when navigating back?

JavaScript web developer encounters an issue with MongoDb and Mongoose findOneAndUpdate method, as it unexpectedly returns undefined

An error occurs when attempting to access data from the JSON file

What is the best method for directing to various pages on a GitHub Pages website?

Passing data from Controller to Factory in AngularJS

`Angular RxJS vs Vue Reactivity: Best practices for managing UI updates that rely on timers`

What is the best way to define the appearance of Ionic features?

Accessing the current route in a Vuex module using Vue.js

Is it possible to bypass the standard syntax and manipulate geometry buffers directly in three.js in order to achieve improved performance?

Using Node.js to update information within Firebase