Web 应用程序和深层链接

Posted 2023-03-14

【中文标题】Web 应用程序和深层链接

【英文标题】：Web apps and deep links

【发布时间】：2019-12-12 21:41:28

【问题描述】：

我正在尝试为我的音乐应用添加深层链接/通用链接，因此当我向人们发送有关新歌曲/专辑的电子邮件时，他们将被定向到详细信息页面或登录/注册页面（带有歌曲/显示的专辑信息）。

branch.io 看起来不错，但我很难理解我的应用如何处理单页应用的适当重定向。当用户单击生成的链接时，我的应用程序应如何根据该用户的链接请求更多数据，以便我可以呈现正确的页面/视图？

【问题讨论】：

使用 react-router。使用参数和所有内容在那里定义您的路线非常容易。

如果我想利用 branch.io 的功能，例如跟踪用户来自的频道并显示正确的视图，我应该在我的应用程序的哪个部分获取/使用它告诉 react-router 去哪里之前的数据？

【参考方案1】：

流程非常简单。使用您要传递的所有参数创建一个分支链接 -> 单击链接 -> 重定向到您的 Web 应用程序 -> 初始化分支 Web SDK -> 使用所有参数接收回调 -> 使用这些参数导航到您在应用中想要的任何页面和/或使用这些参数来定制您的用户体验。

您可以在此处阅读更多信息： https://docs.branch.io/web/integrate/#read-deep-link https://docs.branch.io/deep-linking/routing/#branch-added-parameters

如果您仍有疑问，请随时通过 [e-mail] 联系我们超级乐于助人的支持团队

【讨论】：

我能够在我的index.html 中接收链接参数，并将该数据保存到window._branch_。但是在我的App.js componentDidMount 中，window._branch_ 是未定义的。当用户打开链接时，我想将链接参数保存到 redux，然后使用 react-router 进行重定向。该场景的流程是什么？

我应该联系支持人员解决技术问题还是我们可以继续在这里讨论？

如何访问我的 React 组件中的bracnh.init 数据？

我们需要查看您的代码并调试以找出问题所在，我建议您联系支持以提供所有详细信息和代码 sn-p