推送通知不适用于后台

Question

我正在使用 native firebase 插件的推送通知功能。

当前行为：

当应用程序在后台时，它与 foreground.But 一起工作正常，我尝试点击它显示的通知 undefined。请看视频 below.I 已经测试过这个在安卓设备上。

预期行为：

当我点击通知消息时，它应该会打开应用程序并正确显示消息。

app.component.ts

constructor(public platform: Platform)
{
    platform.ready().then(() => {
           this.onNotificationOpen();
      });
}

onNotificationOpen(): void {
        if (this.platform.is('cordova')) {
            this.firebase.onNotificationOpen()
                .subscribe(res => {
                    if (res.tap) {//background mode
                        console.log(res.body);
                        this.showAlert(res.body);
                    } else if (!res.tap) {//foreground mode
                        console.log(res.body);
                        this.showAlert(res.body);
                    }
                });
        }
    }

        showAlert(message: string): void {
        let alert = this.alertCtrl.create({
            title: 'Push Notification',
            subTitle: message,
            buttons: ['OK']
        });
        alert.present();
    }

package.json

{
  "name": "ionic-hello-world",
  "author": "Ionic Framework",
  "homepage": "http://ionicframework.com/",
  "private": true,
  "scripts": {
    "clean": "ionic-app-scripts clean",
    "build": "ionic-app-scripts build",
    "ionic:build": "ionic-app-scripts build",
    "ionic:serve": "ionic-app-scripts serve"
  },
  "dependencies": {
    "@angular/common": "4.1.0",
    "@angular/compiler": "4.1.0",
    "@angular/compiler-cli": "4.1.0",
    "@angular/core": "4.1.0",
    "@angular/forms": "4.1.0",
    "@angular/http": "4.1.0",
    "@angular/platform-browser": "4.1.0",
    "@angular/platform-browser-dynamic": "4.1.0",
    "@ionic-native/core": "3.6.1",
    "@ionic-native/device": "3.6.1",
    "@ionic-native/facebook": "^3.10.0",
    "@ionic-native/firebase": "^3.10.3",
    "@ionic-native/keyboard": "^3.10.3",
    "@ionic-native/splash-screen": "3.6.1",
    "@ionic-native/status-bar": "3.6.1",
    "@ionic/cli-plugin-cordova": "^1.2.0",
    "@ionic/cli-plugin-ionic-angular": "^1.2.0",
    "@ionic/storage": "2.0.1",
    "@ngrx/core": "^1.2.0",
    "@ngrx/store": "^2.2.1",
    "d3": "^4.7.4",
    "firebase": "^3.7.5",
    "ionic-angular": "3.2.1",
    "ionicons": "3.0.0",
    "moment": "^2.18.1",
    "pouchdb": "^6.1.2",
    "pouchdb-adapter-cordova-sqlite": "^2.0.2",
    "rxjs": "5.1.1",
    "sw-toolbox": "3.6.0",
    "zone.js": "0.8.10"
  },
  "devDependencies": {
    "@ionic/app-scripts": "1.3.7",
    "@ionic/cli-plugin-cordova": "1.2.1",
    "@ionic/cli-plugin-ionic-angular": "1.2.0",
    "typescript": "~2.2.1"
  },
  "cordovaPlugins": [
    "cordova-plugin-whitelist",
    "cordova-plugin-console",
    "cordova-plugin-statusbar",
    "cordova-plugin-device",
    "cordova-plugin-splashscreen",
    "ionic-plugin-keyboard"
  ],
  "cordovaPlatforms": [
    "ios",
    {
      "platform": "ios",
      "version": "",
      "locator": "ios"
    }
  ],
  "description": "helloWorld: An Ionic project"
}

Answer 1

我建议使用 cordova-plugin-firebase instead. You can take a look at this repo 来了解如何使用该插件。

请注意如果应用程序运行在前台或应用程序在通知到达时关闭，则发送的通知内容将不同.为了解决这个问题，在发送通知时，在 高级选项 部分添加 title 和 body：

推送通知不适用于后台

Push notification is not working on Background

firebase

ionic-framework

ionic2

ionic-native

ionic3