在 Ionic React 中收听 iOS Capacitor 通知

Question

我正在使用 React 中的 Ionic 框架。我使用 Capacitor 从它创建了一个 iOS 应用程序。现在在电容器应用程序中，在AppDelegate 中，当调用application(_:open:options:) 时，电容器会调用handlerOpenUrl(_:_:) 方法，该方法又会发布notifications。

  func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey : Any] = [:]) -> Bool {
    return CAPBridge.handleOpenUrl(url, options)
  }

  public static func handleOpenUrl(_ url: URL, _ options: [UIApplication.OpenURLOptionsKey : Any]) -> Bool {
    NotificationCenter.default.post(name: Notification.Name(CAPNotifications.URLOpen.name()), object: [
      "url": url,
      "options": options
    ])
    NotificationCenter.default.post(name: NSNotification.Name.CDVPluginHandleOpenURL, object: url)
    CAPBridge.lastUrl = url
    return true
  }

现在，我想在我的 ionic react 代码库中收听这些 notifications，以便在 UI 上显示 url 和 options。

我找不到任何有关如何解决此问题的相关内容。

Answer 1

对于电容器通知，请使用App plugin

import { Plugins } from '@capacitor/core';

const { App } = Plugins;

App.addListener('appUrlOpen', (data: any) => {
  console.log('App opened',  data.url, data.options);
});