从外部 url 打开已安装的 PWA

Posted

技术标签:

【中文标题】从外部 url 打开已安装的 PWA【英文标题】:Open installed PWA from external url 【发布时间】:2018-11-28 11:08:38 【问题描述】:

是否有任何方法可以在 ios-Safari 中安装的 PWA 中打开网站 (PWA) url?

用例:我正在发送电子邮件链接以登录我的 PWA,如何使用已安装的 PWA 而不是浏览器直接打开此 url?

【问题讨论】:

【参考方案1】:

如果您在 android 或任何桌面操作系统中使用 Chrome,这将是默认行为。

检查this link 中的“Android 意图过滤器”。

iOS 尚不支持 PWA 应用程序的此功能(使用 Safari 创建 - 截至 2018 年 6 月,iOS 的唯一选项)。请参阅“What PWAs can do on Android and not on iOS”部分最后一点。

【讨论】:

我使用的是 iOS,从邮件应用打开它。 我已经更新了您的问题和答案以反映相同的情况。答案是否定的。它还不可能......虽然我们可以期待未来。希望能帮助到你。如果它解决了您的问题,请接受答案。 我还要补充一点:即使在 android 中,在用户从主屏幕打开 PWA 一次后,它似乎也会在独立模式下打开它。至少这是我经过一些测试后得到的结果 是否总是无法从 iOS 上的原生应用打开 PWA?还是 Apple 在其最新版本的移动操作系统中引入了对它的支持? 从今天开始,iOS 中不支持从 url 打开 PWA。【参考方案2】:

对于 iOS,实际上有一种非常未知的方式可以安装 .mobileconfig 配置文件,该配置文件会安装一个网络剪辑(或多个网络剪辑,如果您愿意)。

这将全屏运行您的网站,并且与 iOS PWA 的工作方式非常相似。您还可以在线链接到它或将其作为电子邮件附件发送给您的用户安装。

只需确保为网页添加此内容即可全屏打开:

<key>FullScreen</key>
<true/>

您可以在此处阅读有关从头开始创建自己的更多信息:

https://developer.apple.com/library/archive/documentation/NetworkingInternet/Conceptual/iPhoneOTAConfiguration/ConfigurationProfileExamples/ConfigurationProfileExamples.html

或者如果您有 Mac,您可以获得“Apple Configurator 2”应用程序:

https://apps.apple.com/us/app/apple-configurator-2/id1037126344

如果您没有 Mac,也可以采取简单的方法并在此处使用生成器:

https://webclip.glitch.me/

【讨论】:

链接 - ios.s0n1c.org/iPCM 已失效

以上是关于从外部 url 打开已安装的 PWA的主要内容,如果未能解决你的问题,请参考以下文章

卸载 PWA 以进行开发测试(Windows)

如何通过点击推送通知启动PWA(渐进式Web应用程序)?

如何从 Android 中的电子邮件 URL 打开已安装的应用程序? [复制]

flutter web pwa如何支持多域链接打开主屏应用?

Vue.js:如何在已打开的选项卡中打开外部链接?

PWA-清单文件