使用 ionic 和 firebase 云消息点击通知后打开页面

Question

晚上好。我试图以这样一种方式处理通知点击，当用户点击通知时，我的应用程序的特定页面被打开。 我正在使用 FIREBASE 可以消息和 IONIC 3

这里是app.component.ts文件的代码，里面写了处理通知的代码：

import { Platform, Nav, ToastController } from 'ionic-angular';

import { HomePage } from '../pages/home/home';

import { Component, ViewChild } from '@angular/core';

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

import { Signup } from '../pages/signup/signup';

   @Component({
      templateUrl: 'app.html',
      selector: 'Myappname',
   })
   export class MyApp {

        @ViewChild(Nav) nv: Nav;

        rootPage: any = HomePage;

        constructor(public fcm: FCM, platform: Platform) {

          platform.ready().then(() => {

                  fcm.onNotification().subscribe(data => {

                         if (data.wasTapped) {

                              this.nv.push(Signup);

                         } else {

                           console.log("Received in foreground");

                         }
                 })
         });
    }
 }         

当移动设备收到通知时，如果用户点击它，则只显示主页，并按照代码中指定的方式将他重定向到注册页面。

有什么帮助吗？ 谢谢。

Answer 1

我终于找到了解决办法。当我使用 Firebase 云功能发送通知时，这里是我用来在用户点击收到的通知时使 onNotification() 工作的代码。

exports.Hello = functions.database.ref('/users/{userId}').onCreate(event=>{

         admin.messaging().sendToTopic('all', {
              data:{
                 "key1": value1,
                 "key2": value2
              },
              notification: {
                  clickAction : "FCM_PLUGIN_ACTIVITY",
                  sound : "default",
                  title : "Notification title",
                  body : "message content"
              }
         });

});

所以我们必须将 notification 对象的 clickAction 属性设置为 FCM_PLUGIN_ACTIVITY 以使 onNotification() 方法执行当用户点击通知时。

这是 app.component.ts 的代码示例，其中实现了 onNotification() 方法。

  import { Platform, Nav, ToastController } from 'ionic-angular';

  import { HomePage } from '../pages/home/home';

  import { Component, ViewChild } from '@angular/core';

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

  import { Signup } from '../pages/signup/signup';

  @Component({
        templateUrl: 'app.html',
        selector: 'Myappname',
  })
  export class MyApp {

    @ViewChild(Nav) nv: Nav;

    rootPage: any = HomePage;

    constructor(public fcm: FCM, platform: Platform) {

      platform.ready().then(() => {

              fcm.onNotification().subscribe(data => {

                     if (data.wasTapped) {

                          this.nv.push(Signup);

                     } else {

                       console.log("Received in foreground");

                     }
             })
           });
      }
  }         

现在，它工作正常！

Answer 2

尝试将根页面设置为注册页面，希望它可以工作：

this.nv.setRoot(Signup);

如果这不起作用，请尝试在 fcm.onNotification() 之前添加它

var $this = this;

然后使用 $this 在你的 if 语句中引用 // (wasTapped)

$this.nv.setRoot(Signup);