Ionic 2/3中的OneSignal附加数据

Question

我正在尝试在我的ionic 2应用程序中使用OneSignal插件

我已经安装了OneSignal，它运行良好，但我不知道如何使用handleNotificationOpened函数，因为没有文档可供参考（未找到任何内容）

这是我的代码：

this.oneSignal.handleNotificationReceived().subscribe((msg) => {
       // o something when notification is received
      });

但我不知道如何使用msg来获取数据。

需要帮助吗？链接在哪里？谢谢。

- Parham Heidari

Answer 1

以下是我如何将用户从通知启动应用程序时重定向到相关页面的方法。

app.component.ts

this.oneSignal.handleNotificationOpened().subscribe((data) => { 
      let payload = data; // getting id and action in additionalData.
      this.redirectToPage(payload);
 });


redirectToPage(data) { 
    let type
    try {
      type = data.notification.payload.additionalData.type;
    } catch (e) {
      console.warn(e);
    }
    switch (type) {
      case 'Followers': {
        this.navController.push(UserProfilePage, { userId: data.notification.payload.additionalData.uid });
        break;
      } case 'comment': {
        this.navController.push(CommentsPage, { id: data.notification.payload.additionalData.pid })
        break;
      }
    }
  }

- Swapnil Patwa

Answer 2

更好的解决方案是重置当前的导航栈并重新创建它。为什么呢？

让我们看看这种情况：

TodosPage（rootPage）-> TodoPage（push）-> CommentsPage（push）

如果您直接进入CommentsPage，则“返回”按钮将无法按预期工作（它已经消失或将您重定向到...谁知道哪里:D）。

因此，这是我的建议：

this.oneSignal.handleNotificationOpened().subscribe((data) => {
    // Service to create new navigation stack
    this.navigationService.createNav(data);
  });

navigation.service.ts

    import {Injectable} from '@angular/core';
    import {App} from 'ionic-angular';
    import {TodosPage} from '../pages/todos/todos';
    import {TodoPage} from '../pages/todo/todo';
    import {CommentsPage} from '../pages/comments/comments';

    @Injectable()
    export class NavigationService {

      pagesToPush: Array<any>;

      constructor(public app: App) {
      }

      // Function to create nav stack
      createNav(data: any) {

        this.pagesToPush = [];

        // Customize for different push notifications
        // Setting up navigation for new comments on TodoPage
        if (data.notification.payload.additionalData.type === 'NEW_TODO_COMMENT') {
          this.pagesToPush.push({
            page: TodoPage,
            params: {
             todoId: data.notification.payload.additionalData.todoId
            }
          });
          this.pagesToPush.push({
            page: CommentsPage,
            params: {
              todoId: data.notification.payload.additionalData.todoId,
            }
          });
        }

        // We need to reset current stack
        this.app.getRootNav().setRoot(TodosPage).then(() => {
          // Inserts an array of components into the nav stack at the specified index
          this.app.getRootNav().insertPages(this.app.getRootNav().length(), this.pagesToPush);
        });
      }

    }

我希望它能帮到你 :)

- Francisco Bueno