检测是否通过推送通知打开了 React Native iOS 应用

Question

Detect if the app was launched/opened from a push notification 描述了如何通过用户点击推送通知来检测原生 iOS 应用程序是否已打开（即启动或仅激活）。

如何在 React Native 中做同样的事情？ PushNotificationIOS 让我附加一个通知监听器...

PushNotificationIOS.addEventListener('notification', function (notification) {
    console.log('got a notification', notification);
});

但是当应用程序在前台收到推送通知时，和当我通过推送通知打开应用程序时都会触发。

我怎样才能特别检测到第二种情况？

Answer 1

这里有两种情况需要用不同的方式检测：

1. 应用程序已完全终止（例如，通过重新启动手机，或通过双击主页并将其从后台运行的应用程序列表中滑出）并且正在通过用户的点击启动在推送通知上。这可以通过React.PushNotificationIOS.getInitialNotification 方法检测到（并获取通知的数据）。
2. 该应用程序已暂停，并通过用户点击推送通知再次激活。只需like in a native app，您就可以知道这是因为iOS 在打开时将点击的通知传递给您的应用程序（即使它是旧通知），并导致您的通知处理程序在您的应用程序处于UIApplicationStateInactive 状态时触发（或 'background' 状态，正如 React Native 的 AppStateIOS 类所称的那样）。

处理这两种情况的代码（您可以将其放在您的 index.ios.js 或在应用启动时运行的其他位置）：

import React from 'react';
import { PushNotificationIOS, AppState } from 'react-native';

function appOpenedByNotificationTap(notification) {
  // This is your handler. The tapped notification gets passed in here.
  // Do whatever you like with it.
  console.log(notification);
}

PushNotificationIOS.getInitialNotification().then(function (notification) {
  if (notification != null) {
    appOpenedByNotificationTap(notification);
  }
});

let backgroundNotification;

PushNotificationIOS.addEventListener('notification', function (notification) {
  if (AppState.currentState === 'background') {
    backgroundNotification = notification;
  }
});

AppState.addEventListener('change', function (new_state) {
  if (new_state === 'active' && backgroundNotification != null) {
    appOpenedByNotificationTap(backgroundNotification);
    backgroundNotification = null;
  }
});

Answer 2

本地通知

getInitialNotification 不适用于本地通知。

不幸的是，从 React Native 的 0.28 开始，使用 PushNotificationIOS.getInitialNotification() 在由 Local 推送通知启动时总是返回 null 值。

因此，您需要在 AppDelegate.m 中将推送通知作为 launchOption 捕获，并将其作为 appProperty 传递给 React Native。

这是您从冷启动或从后台/非活动状态接收本地推送通知所需的全部内容。

AppDelegate.m （原生 iOS 代码）

// Inside of your didFinishLaunchingWithOptions method...

// Create a Mutable Dictionary to hold the appProperties to pass to React Native.
NSMutableDictionary *appProperties = [NSMutableDictionary dictionary];

if (launchOptions != nil) {
  // Get Local Notification used to launch application.
  UILocalNotification *notification = [launchOptions objectForKey:UIApplicationLaunchOptionsLocalNotificationKey];

  if (notification) {
    // Instead of passing the entire Notification, we'll pass the userInfo,
    // where a Record ID could be stored, for example.
    NSDictionary *notificationUserInfo = [notification userInfo];

    [ appProperties setObject:notificationUserInfo  forKey:@"initialNotificationUserInfo" ];
  }
}

// Your RCTRootView stuff...

rootView.appProperties = appProperties;

index.ios.js （反应原生）

componentDidMount() {
  if (this.props.initialNotificationUserInfo) {
    console.log("Launched from Notification from Cold State");
    // This is where you could get a Record ID from this.props.initialNotificationUserInfo
    // and redirect to the appropriate page, for example.
  }

  PushNotificationIOS.addEventListener('localNotification', this._onLocalNotification);
}

componentWillUnmount() {
  PushNotificationIOS.removeEventListener('localNotification', this._onLocalNotification);
}

_onLocalNotification( notification ) {
  if (AppState.currentState != 'active') {
    console.log("Launched from Notification from Background or Inactive state.");
  }
  else {
    console.log("Not Launched from Notification");
  }
}

确保从react-native 导入PushNotificationIOS 和AppState。

我尚未使用远程推送通知对此进行测试。也许@MarkAmery 的方法适用于远程推送通知，但不幸的是，就 React Native 的当前状态而言，这是我能够从冷状态获得本地推送通知的唯一方法。

这在 React Native 中是高度无证的，所以我在他们的 GitHub 存储库上创建了 an issue 以引起人们对它的关注并希望能纠正它。如果你正在处理这个问题，那就去那里给它竖起大拇指，让它渗透到顶部。

https://github.com/facebook/react-native/issues/8580

Answer 3

我为此找到的解决方案有点老套，并且依赖于我注意到的一些关于事件处理程序触发顺序的可能奇怪的行为。我一直在开发的应用程序需要相同的功能，以便在我通过推送通知打开应用程序时进行具体检测。

我发现PushNotificationIOS 的处理程序在AppStateIOS 的处理程序之前触发这意味着，如果我将前台/后台状态持久保存到内存/AsyncStorage，我可以像这样在PushNotification 事件处理程序：if (activity === 'background')，如果这是真的，那么我知道我刚刚从推送通知中打开了应用程序。

我总是将 AppStateIOS 前台/后台活动保存在内存和磁盘上（分别使用 redux 和 redux-persist），所以我只需要在需要知道的时候检查一下。

对于您的目的而言，这可能过于 hacky，并且该行为将来可能会改变，或者它可能仅限于我。尝试查看该解决方案，看看您的想法。