Reactjs 如何使网站URL在导航中充当前缀 我想做什么

Reactjs 如何使网站URL在导航中充当前缀 我想做什么,reactjs,next.js,react-navigation,deep-linking,Reactjs,Next.js,React Navigation,Deep Linking,我目前正在尝试将深度链接设置到我的React Native应用程序中。我正在创建一个共享功能,以便用户可以在我的应用程序中向他的朋友显示一个页面。当你点击Netflix或Spotify的链接时,我想要同样的行为——它直接打开应用程序,即使它已经关闭 我已经做了什么 为了做到这一点,我创建了一个Nextjsweb应用程序,为我的链接提供一些好看的元标记 此外,我还使用React Navigation v5配置了我的导航器 const config = { screens: {

我目前正在尝试将
深度链接
设置到我的
React Native
应用程序中。我正在创建一个共享功能,以便用户可以在我的应用程序中向他的朋友显示一个页面。当你点击Netflix或Spotify的链接时,我想要同样的行为——它直接打开应用程序,即使它已经关闭

我已经做了什么 为了做到这一点,我创建了一个
Nextjs
web应用程序,为我的链接提供一些好看的元标记

此外,我还使用
React Navigation v5
配置了我的
导航器

const config = {
    screens: {
        Feed: {
            screens:{
                LocalInside: "share/:localId"
            }
        },
        Ranking: 'ranking'
    },
};

const linking = {
    prefixes: ['https://[myapp]-web.vercel.app', '[myapp]://'],
    config,
};
...
<NavigationContainer linking={linking}>
成功了。但我无法让我的vercel.app链接工作。不在Android浏览器上,也不使用
uri方案


因此,我想知道如何让我的Nextjs网站URL直接打开我的应用程序,就像uri scheme命令一样。

我不确定我是否完全理解你的问题,但在我看来,你在试图一次完成两件事。移动应用程序可以注册uri方案,通过链接接收信息<代码>myapp://share/id
将触发你的应用程序并接收/share/id。没有与你的nextJS webapp的直接连接,因此你的应用程序必须映射/share/id才能在指向你的nextJS webapp的URL上打开浏览器。这里没有自动的东西,你必须实现它。但是我如何实现它呢?我只是不知道,也找不到我需要在我的nextJS webapp中做什么才能将其链接到我的React原生应用的答案。我不确定:你的用例是什么?是否要浏览网页,并在单击属于您的域的链接时打开您的移动应用程序?就这样,对吗?当前的最佳实践是不使用自定义uri方案,因为如果应用程序未安装在移动设备上,则链接不会起任何作用。你可以在你的应用程序中声明你的域,以便它侦听你域上的http查询。例如,我想通过WhatsApp共享一个包含我的元标记(已经在nextJS应用程序中完成)的链接,当有人访问它时,它会像我的
myapp://share/id
没有。我只是不知道我是否需要在nextJS应用程序或我的RN应用程序中配置一些东西。(虽然我认为只要把我的nextJS链接放到我的React导航前缀配置就可以了。)然后你不需要自定义uri方案,你只需要在你的应用程序中注册你的域名。单击域上的链接时,如果应用程序注册了域,则该链接将打开,否则,网站将打开。你应该在谷歌上搜索“通用深度链接本地版”或其他什么,你会发现许多图图可以帮助你设置它
npx uri-scheme open [myapp]://share/[someLocalID] --android