ios - 在 React Native 中实现深层链接

Question

我正在 React Native 应用程序中实现深层链接以单击应用程序 A 中的查看以打开应用程序 B。在直接从另一个应用程序调用 URL 之前，我想测试它是否正常工作，

所以对于安卓来说它有效。我只是将启动选项设置为 URL，它在控制台中显示了 URL 的值。

但在 iPhone 中，如果我在 safari 浏览器中写入 URL( teSTLink://)，则会显示“safari 无法打开页面，因为地址无效”。

我设置深度链接的步骤:

在 AppDelgate.m

中添加了以下代码

    #import <React/RCTLinkingManager.h>
    
    - (BOOL)application:(UIApplication *)application openURL:(NSURL *)url
      sourceApplication:(NSString *)sourceApplication annotation:(id)annotation
    {
      return [RCTLinkingManager application:application openURL:url
                          sourceApplication:sourceApplication annotation:annotation];
    }
    
    - (BOOL)application:(UIApplication *)application continueUserActivity:(NSUserActivity *)userActivity
     restorationHandler:(void (^)(NSArray * _Nullable))restorationHandler
    {
     return [RCTLinkingManager application:application
                      continueUserActivity:userActivity
                        restorationHandler:restorationHandler];
    }

在 XCode 的 info.plist 中添加了一个键。

URLTypes -> Item 0 -> URL identifier(VALUE: testlink)

在应用程序的首页添加以下代码。

   

 componentDidMount() {
      Linking.addEventListener('url', this._handleOpenURL);
    },
    componentWillUnmount() {
      Linking.removeEventListener('url', this._handleOpenURL);
    },
    _handleOpenURL(event) {
      console.log(event.url);
    }

Answer 1

有没有添加testlink://作为 XCode 中的 URL 类型？

对于本示例，我的 Bundle Identifier 是:org.reactjs.native.example.MyApp

在 Xcode 中单击您的项目，然后单击 Info标签

向下滚动到 URL Types

点击+按钮

添加标识符:org.reactjs.native.example.MyApp.linking

添加 URL 方案:testlink

清洁和 build

打开 Safari 并输入 testlink:// - 它应该打开你的应用程序。