给ionic4增加推送通知FCM插件

2024-03-01 19:10:16

开发环境ionic4 + angular8 + cordova

增加推送通知

增加插件

ionic cordova plugin add cordova-plugin-fcm-with-dependecy-updated
npm install @ionic-native/fcm

代码

import { FCM } from '@ionic-native/fcm/ngx';

constructor(private fcm: FCM) {}

...

this.fcm.subscribeToTopic('marketing');

this.fcm.getToken().then(token => {
  backend.registerToken(token);
});

this.fcm.onNotification().subscribe(data => {
  if(data.wasTapped){
    console.log("Received in background");
  } else {
    console.log("Received in foreground");
  };
});

this.fcm.onTokenRefresh().subscribe(token => {
  backend.registerToken(token);
});

this.fcm.unsubscribeFromTopic('marketing');

使用的时候挺简单。麻烦就麻烦到配置这里。

需要申请Firebase项目配置。

1. 增加一个项目。项目里边再注册android 或者 IOS app资料。

2. 下载android 或者 ios 的goodgle文件保存到项目根目录下边。