【问题标题】:How to open PWA from a button within the web-app?如何从 Web 应用程序中的按钮打开 PWA?
【发布时间】:2022-01-31 12:25:35
【问题描述】:
我想在我的 React Web 应用中添加一个按钮来打开我们的 PWA。
我能够通过缓存“beforeinstallprompt”事件并使用按钮触发它来打开“安装”对话框,但现在我正在寻找一种方法来打开 chrome 中的“打开方式”对话框,它允许用户启动(已安装的)PWA,或单击应用内的按钮打开 PWA 本身,但我找不到任何资源。
【问题讨论】:
标签:
reactjs
progressive-web-apps
deep-linking
【解决方案1】:
有一种方法可以做到这一点,您可以执行以下操作:
<a href='https://myappurl.com' target='_blank'>Open PWA</a>
target='_blank' 很重要,如果 scope 是 ".",href 属性中指定的 url 也需要与 scope 中指定的相同。然后你的应用程序中的任何 url 都会打开 PWA,这将在带有 Chrome 浏览器的 Android 中运行,我还没有在 iPhone 上测试过。