使用 cordova-plugin-firebase-messaging 显示来自 Ionic 的通知答案

【问题标题】：Displaying notifications from Ionic using cordova-plugin-firebase-messaging使用 cordova-plugin-firebase-messaging 显示来自 Ionic 的通知
【发布时间】：2019-03-03 23:02:49
【问题描述】：

我们正在使用 Ionic 框架开发应用程序，并希望集成推送通知。我们目前正在尝试使用 Cordova 插件 cordova-plugin-firebase-messaging 来处理 Android 和 iOS 上的通知。我可以看到在我发送通知时正在调用 onMessage，但是如何使通知实际显示？目前我只是尝试使用

记录响应

this.fcm.onMessage()
   .subscribe(payload => {
      console.log(payload);
    });

【问题讨论】：

标签： android firebase cordova ionic-framework cordova-plugin-fcm

【解决方案1】：

我猜你在 iOS 上遇到了这个问题？如果是这样，那么它不是一个错误。如果应用程序在前台运行，您将不会在 iOS 设备上看到任何通知。

来自 Apple：如果您在应用运行时收到本地或远程通知在前台，您负责将信息传递给您的用户以特定于应用的方式

【讨论】：

其实它在 Android 上。在玩了一些之后，我认为在 Android 上可能也是如此，至少在这个插件上是这样。感谢您提供有关 iOS 的信息，因为我们将来也会部署到 iOS。我认为最好的办法是创建某种应用内弹出窗口来显示通知中的信息。

【解决方案2】：

使用 Ionic，您可以使用 AlertController 轻松制作弹出窗口

import { AlertController } from 'ionic-angular';

constructor(private alertCtrl: AlertController) {

}

presentAlert() {
  let alert = this.alertCtrl.create({
    title: 'Low battery',
    subTitle: '10% of battery remaining',
    buttons: ['Dismiss']
  });
  alert.present();
}

或toastController

import { ToastController } from 'ionic-angular';

constructor(private toastCtrl: ToastController) {

}

presentToast() {
  let toast = this.toastCtrl.create({
    message: 'User was added successfully',
    duration: 3000,
    position: 'top'
  });

  toast.onDidDismiss(() => {
    console.log('Dismissed toast');
  });

  toast.present();
}

【讨论】：