在ionic 3中点击“一个信号”推送通知时,如何导航到特定页面?

时间:2019-07-18 12:13:11

标签: angular push-notification navigation ionic3 onesignal

当我点击One Signal发送的推送通知时,我想打开一个特定页面。我尝试了几种方法,但是没有找到任何解决方法! 这是我的代码。

我尝试了所有导航方式


        // window["plugins"].OneSignal.sendTag("user_tag", "VIP");

        if (jsonData.notification.payload.additionalData != null) {


          let navigator: any = JSON.stringify(jsonData.notification.payload.additionalData.page);
          alert(navigator);
          alert(navigator == '"TodayspickPage"');
          if (navigator == '"TodayspickPage"') {
            //I TRIED THESE ALL WAYS
            // this.nav.setRoot(TodayspickPage);
            // this.rootPage=TodayspickPage;
            // this.app.nav.push(TodayspickPage);
           //this.nav.push(TodayspickPage);
          }



        }

      };


      window["plugins"].OneSignal
        .startInit("47c084d5-**************437ca9f9bbd", "8324*******08")
        .inFocusDisplaying(OneSignal.OSInFocusDisplayOption.Notification)
        .handleNotificationOpened(notificationOpenedCallback)
        .endInit();

1 个答案:

答案 0 :(得分:0)

我也将OneSignal用于推送通知,我使用这种方式来实现:

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

    let self = this;
    var notificationOpenedCallback = async function(jsonData) {
      switch (self.user.role) {
        case "client":
          self.router.navigate(["history-customer"]);
          break;
        case "provider":
          self.router.navigate(["history-provider"]);
          break;
        default:
          self.router.navigate(["history-customer"]);
      }
    };

    window["plugins"].OneSignal.startInit(
      "03b**************c7",
      "1**********2"
    )
      .handleNotificationOpened(notificationOpenedCallback)
      .endInit();

    window["plugins"].OneSignal.setSubscription(true);
  });
}

在platform.ready上的所有内容都在app.component.ts上,为您的案例更改代码。

我使用

let self = this

因为我猜想startInit会收到回调,所以必须这样做,并且我使用Router在页面之间导航。

import { Router } from "@angular/router"; 

我项目的结果,与应用程序外部的点击通知相同。

我希望我有所帮助:)

enter image description here