带有 FCM 的 Ionic 2 推送通知

Question

我正在使用 Ionic Native FCM 在我的 Android Ionic 2 应用程序上实现推送通知

当我在前台收到通知时，它可以工作，但是当我在后台收到通知并且单击它时，什么也没有发生。

app.component.ts

firebaseInit(){
  //Firebase
  this.fcm.subscribeToTopic('all');

  this.fcm.getToken()
    .then(token => {
      console.log(token);
      this.nativeStorage.setItem('fcm-token', token);
  });

  this.fcm.onNotification().subscribe(
    data => {
      console.log("NOTIF DATA: " + JSON.stringify(data));
      if(data.wasTapped){
        this.nav.push(MemoViewPage, {memo: {_id: data.memo_id}})
        console.info('Received in bg')
      }else{
        let alert = this.alertCtrl.create({
          title: data.subject,
          message: "New memorandum",
          buttons: [
            {
              text: 'Ignore',
              role: 'cancel'
            },
            {
              text: 'View',
              handler: () => {
                this.nav.push(MemoViewPage, {memo: {_id: data.memo_id}})
              }
            }
          ]
        });

        alert.present();
        console.info('Received in fg')
      }
  });

  this.fcm.onTokenRefresh()
    .subscribe(token => {
      console.log(token);
  })
}

单击系统托盘中的通知后，if(data.wasTapped) 条件不会消失。

编辑

应用程序打开但仅在主页中而不是我设置的指定页面this.nav.push(MemoViewPage, {memo: {_id: data.memo_id}})

当应用程序被终止或未运行时，我也无法收到通知。

Answer 1

您可以使用push 插件代替FCM。

this.push.createChannel({
 id: "testchannel1",
 description: "My first test channel",
 importance: 3
}).then(() => console.log('Channel created'));

然后您可以使用 pushObjects 来指定通知的需求，例如声音、离子等。

const options: PushOptions = {
   android: {},
   ios: {
       alert: 'true',
       badge: true,
       sound: 'false'
   },
   windows: {},
   browser: {
       pushServiceURL: 'http://push.api.phonegap.com/v1/push'
   }
};

之后，无论您是否使用该应用程序，您都可以轻松收到通知

const pushObject: PushObject = this.push.init(options);

pushObject.on('registration').subscribe((registration: any) => this.nativeStorage.setItem('fcm-token', token));

pushObject.on('notification').subscribe((notification: any) => console.log('Received a notification', notification));

您可以在应用程序的pushObject init 中使用forceShow:true 选项来显示您是否正在使用该应用程序的通知。

一旦您单击通知，应用就会收到通知有效负载，并将应用主页设置为默认值。