当应用程序处于后台时，phonegap-plugin-push on("notification") 事件不会触发

Question

我在 Ionic2 中使用以下插件进行推送通知

http://ionicframework.com/docs/native/push/

预期行为： 当应用关闭时，收到通知，当用户点击通知时，应用打开后应该触发 on("notification") 事件。

实际行为： 我正在成功收到通知。但是当应用程序在后台或关闭时，当我收到通知并点击通知时，on("notification") 事件不会触发。

Cordova 版本 7.0.1 安卓版本 6.2.3

我的代码：

this.platform.ready().then(() => {
    this.pushsetup();
});

private pushOptions: PushOptions;
private pushObject: PushObject;
pushsetup() {
    // to check if we have permission
    this.push.hasPermission()
        .then((res: any) => {
            if (res.isEnabled) {
                console.log('We have permission to send push notifications');
                // configuration of push notification
                this.pushOptions = {
                    android: {
                        senderID: 'XXXXXXXXXXX',
                        icon: 'icon_notification'
                    },
                    ios: {
                        alert: 'true',
                        badge: true,
                        sound: 'false',
                        senderID: 'XXXXXXXXXXX'
                    },
                    windows: {}
                };
                this.pushObject = this.push.init(this.pushOptions);

                // attach push events
                this.storage.get('isPushRegistered')
                    .then(isPushRegistered => {
                        if( !isPushRegistered ){
                            this.pushObject.on('registration').subscribe((registration: any) => {
                                console.log('Device registered', registration)
                                this.storage.set('isPushRegistered', true)
                            });
                        }
                    })


                this.pushObject.on('notification').subscribe((notification: any) => {
                    console.log('Received a notification', notification)
                });
                this.pushObject.on('error').subscribe(error => console.error('Error with Push plugin', error));
            }
        });
}

所以，在我的代码中，您可以看到 this.pushObject.on('notification') 事件。应用关闭时不会触发。

感谢您的时间和支持。

Answer 1

这不是客户端代码的问题。由于通知负载而出现此问题。

来自 phonegap-plugin-push 的官方文档

根据接收应用的前台/后台状态以及您发送到应用的负载，通知的行为会有所不同。

例如，如果您发送以下有效负载： phonegap-plugin-push/

{
  "notification": {
    "title": "Test Notification",
    "body": "This offer expires at 11:30 or whatever",
    "notId": 10
  }
}

当您的应用处于前台时，您注册的任何 on('notification') 处理程序都会被调用。但是，如果您的应用程序在后台，则通知将显示在系统托盘中。单击系统托盘中的通知将启动应用程序，但您的 on('notification') 处理程序将不被调用，因为具有通知负载的消息不会导致插件 onMessageReceived 方法被调用。

如果您发送包含通知和数据对象混合的有效负载，如下所示：

{
    "notification": {
        "title": "Test Notification",
        "body": "This offer expires at 11:30 or whatever",
        "notId": 10
    },
    "data" : {
        "surveyID": "ewtawgreg-gragrag-rgarhthgbad"
    }
}

当您的应用程序处于前台时，您注册的任何 on('notification') 处理程序都会被调用。如果您的应用程序在后台，通知将显示在系统托盘中。单击系统托盘中的通知将启动应用程序，并且您的 on('notification') 处理程序将不被调用，因为具有通知负载的消息不会导致插件 onMessageReceived 方法被调用。

使用此插件时我推荐的推送负载格式（虽然它与 Google 的文档不同）在 100% 的情况下都有效：

{
    "data" : {
        "title": "Test Notification",
        "body": "This offer expires at 11:30 or whatever",
        "notId": 10,
        "surveyID": "ewtawgreg-gragrag-rgarhthgbad"
    }
}

当您的应用程序处于前台时，您注册的任何 on('notification') 处理程序都会被调用。如果您的应用程序在后台，则通知将显示在系统托盘中。单击系统托盘中的通知将启动应用程序，您的 on('notification') 处理程序将使用以下数据调用：

{
    "message": "This offer expires at 11:30 or whatever",
    "title": "Test Notification",
    "additionalData": {
        "surveyID": "ewtawgreg-gragrag-rgarhthgbad"
    }
}

Link to the docs

Answer 2

以下是对我有用的代码。当应用程序关闭时，您会收到通知。如果您想通过查看一些有效负载数据来处理点击事件。然后看看下面的代码：

pushObject.on('notification').subscribe((notification: any) => {

    // this method will be called when you click on notification when app is closed
    pushObject.finish()
       .then(e => {})
       .catch(e => { console.log("ERROR NOTIFICATION",e); })

}).catch(e => {
    console.log("ERROR NOTIFICATION",e);
})

Answer 3

可以通过以下代码查看前台：

pushObject.on('notification').subscribe((data: any) => {
      console.log('message -> ' + data.message);
      //if user using app and push notification comes
      if (data.additionalData.foreground) {
        // if application open, show popup
      }
      else{
       //if user NOT using app and push notification comes
      }

有关在 Ionic 中发送推送通知的更多详细信息，您可以访问：

https://medium.com/@ankushaggarwal/push-notifications-in-ionic-2-658461108c59