深度链接在 Android 上的 React Native 应用程序中不起作用

Question

我已将我的 React Native 应用程序设置为使用带有 expo-linking 的 Deep Linking，但由于某种原因，它无法在 Android 上运行（尚未在 iOS 上实现）。打开链接只是在网络浏览器中打开它，并没有按应有的方式打开应用程序。知道为什么吗？

app.json

"android": {
  "adaptiveIcon": {
    "foregroundImage": "./assets/adaptive-icon.png",
    "backgroundColor": "#FFFFFF"
  },
  "package": "com.example.myapp",
  "intentFilters": [
    {
      "action": "VIEW",
      "data": [
        {
          "scheme": "https",
          "host": "testlink.com",
        }
      ],
      "category": [
        "BROWSABLE",
        "DEFAULT"
      ]
    }
  ]
},

这并没有更新AndroidManifest，所以我手动编辑了它：

AndroidManifest.xml

<intent-filter>
  <action android:name="android.intent.action.MAIN"/>
  <category android:name="android.intent.category.LAUNCHER"/>
</intent-filter>
<intent-filter>
   <action android:name="android.intent.action.VIEW"/>
   <category android:name="android.intent.category.DEFAULT"/>
   <category android:name="android.intent.category.BROWSABLE"/>
   <data android:scheme="https" android:host="testlink.com"/>
</intent-filter>

App.js

const linking = {
    prefixes: ["https://testlink.com"],    
};

useEffect(() => {
    Linking.addEventListener("url", handleDeepLink);

    return () => {
        Linking.removeEventListener("url", handleDeepLink);
    };
}, []);

return (
    <NavigationContainer /*linking={linking}*/>
        ....
    </NavigationContainer>
);

这仅适用于普通的世博会链接，但现在不起作用我想要一个自定义 URL，以便它在计算机上的网络浏览器中打开，或者在安装的应用程序上打开。

Answer 1

iOS Safari 浏览器的核心是内置深度链接，可以深度链接到自定义应用程序架构-myapp:///link-to-resources。主要在 android 上使用的基于 Chromium 的浏览器不支持 URL 输入字段中的自定义应用架构。

解决方法是设置一个简单的网页，它可以使用浏览器 DOM 窗口 API 重定向您的应用自定义架构。

 const launchApp = (deepLink = "", fallBack = "") => {
  var now = new Date().valueOf();
  setTimeout(function () {
    if (new Date().valueOf() - now > 100) return;
    window.location = fallBack;
  }, 25);
  window.location = deepLink;
}


 const deepLink = "myapp:///path_to_ressource/";
 const fallbackLink = "http://play.google.com/store/apps/details?id=com.yourcompany.appname"

launchApp(deepLink,fallbackLink)