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

Posted 2023-05-06

【中文标题】使用 cordova-plugin-firebase-messaging 显示来自 Ionic 的通知

【英文标题】：Displaying notifications from Ionic using cordova-plugin-firebase-messaging

【发布时间】：2019-03-03 23:02:49

【问题描述】：

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

记录响应

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

【参考方案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();