推送通知到达时转到特定路径（Angular，Ionic，ngcordova）

Question

Consider this scenario. I have an ionic / angular app and I am using the the ngcordova plugin for push notifications. Now let us say a push notification arrives when the app is in the background. User, views the notification in the App drawer and then clicks the notification for further information. I would like the user to navigate to a particular path using $location.path(). How can I tap into the notification click event?

Answer 1

Ok. Turns out that there is no need to tap into the notification click event. You could check if the app is in foreground using:

notification.foreground

so, if

if(notification.foreground) {
  //do something for the case where user is using the app.
  $popup('A notification just arrived');
} else {
  //do something for the case where user is not using the app.
  $location.path('/tab/somepage');
}

Answer 2

I answered a similar question some days ago. Here's the link

What i did was when the notification arrives to the app i save some data from the playload to the localStorage and then in the resume event of the app i read this var from localStorage and change the state of the app and passing this var to the url i want.

When the app is in the background and receive the notification you can save the playload to the localStorage :

$rootScope.$on('$cordovaPush:notificationReceived', function(event, notification) {
   if (ionic.Platform.isAndroid() && notification.event == 'message') {
        var newsid=notification.payload.newsid;
        if (typeof newsid != 'undefined') {
            // save the newsid to read it later in the resume event
            $window.localStorage.setItem('goafterpush',newsid);
        }
    }
});

And then in the resume event you can read the previous saved playload and use that data to change the state of the app and redirect to another route:

$ionicPlatform.on("resume",function(event){
     // read the newsid saved previously when received the notification
     var goafterpush=$window.localStorage.getItem('goafterpush');
     if (goafterpush) {
         $window.localStorage.removeItem('goafterpush');
         $state.go('app.newsdetail',{id:goafterpush});
     }
});

Answer 3

This can simply be done if you are using phonegap-plugin-push.

Refer the blog article from here .

push.on('notification', function(data) {
    if(data.additionalData.foreground){
        //Do stuff you want to do if app is running on foreground while push notification received
    }else{
        //Do stuff you want to do if the app is running on background while the push notification received
    }
});