如何解决Ionic应用后台模式下Firebase通知触发异常问题

这个问题我之前帮不少开发者处理过，核心原因是：你发送的是Firebase数据消息，当应用在后台时，FCM插件会自动把它转换成系统托盘通知，但如果用户不点击这个通知、直接正常打开应用，插件不会主动把缓存的消息推送给你的应用逻辑，所以就出现了“只有点击通知才触发”的情况。

要实现“无论怎么打开应用都能处理通知”，关键是在应用启动时主动获取缓存的未处理消息，再统一走你的通知处理逻辑。具体步骤如下：

1. 在应用初始化时获取初始通知 #

在app.component.ts的初始化方法（比如initializeApp）里，调用FCM插件的getInitialPushNotification()方法——这个方法能拿到应用启动时的“初始触发消息”，包括用户直接打开应用时后台缓存的Firebase数据消息。

2. 统一处理所有通知逻辑 #

把前台收到通知、后台点击通知、启动时获取的初始通知，都交给同一个处理函数，避免重复代码。

代码示例（app.component.ts） #

import { Component } from '@angular/core';
import { Platform, NavController } from '@ionic/angular';
import { FCM } from '@ionic-native/fcm/ngx';

@Component({
  selector: 'app-root',
  templateUrl: 'app.component.html',
  styleUrls: ['app.component.scss'],
})
export class AppComponent {
  constructor(
    private platform: Platform,
    private fcm: FCM,
    private navCtrl: NavController
  ) {
    this.initializeApp();
  }

  async initializeApp() {
    await this.platform.ready();
    
    // 订阅你的主题（如果之前没做的话）
    await this.fcm.subscribeToTopic('MY_TOPIC');

    // 关键：获取应用启动时的初始通知（包括直接打开应用的缓存消息）
    const initialNotification = await this.fcm.getInitialPushNotification();
    if (initialNotification) {
      this.handleNotification(initialNotification);
    }

    // 监听前台/后台点击通知的情况
    this.fcm.onNotification().subscribe((message) => {
      if (message.wasTapped) {
        // 后台点击通知打开应用
        this.handleNotification(message);
      } else {
        // 前台直接收到通知
        this.handleNotification(message);
      }
    });
  }

  // 统一的通知处理函数，这里写你的业务逻辑
  private handleNotification(message: any) {
    console.log('收到并处理通知:', message);
    // 示例：跳转到通知详情页，传递消息数据
    this.navCtrl.navigateRoot('/notification-detail', {
      queryParams: {
        fieldA: message.fieldA,
        total: message.total,
        // 其他需要的字段
      }
    });
    // 也可以在这里弹出提示、更新本地数据等
  }
}

3. 注意事项 #

• 先检查你的FCM插件版本，确保是最新的（旧版本可能getInitialPushNotification方法存在兼容性问题）。
• 修正你消息格式里的拼写错误："cick_action"应该是"click_action"——虽然这个字段对数据消息的影响不大，但规范写法能避免潜在问题。
• 测试时要彻底退出应用（不是后台挂起），发送消息后再直接打开应用，验证是否能触发handleNotification函数。

这样调整后，不管用户是点击通知横幅打开应用，还是直接启动应用，后台缓存的Firebase数据消息都会被正常处理啦。

内容的提问来源于stack exchange，提问作者Tahniat Ashraf