PWA：重定向到子域时显示地址栏

Question

我有一个PWA有时使用子域。我发现的问题发生在应用程序重定向到另一个子域时：显示地址栏。这会影响类似应用的体验。

有人知道使用子域时隐藏地址栏的解决方案吗？

Answer 1

重定向到子域时，我也遇到类似的问题。如果未正确将PWA设置为类似于应用程序，则通常会显示地址栏。就我而言，manifest.json在重定向后无法正确加载。

此链接也可能有用-Chrome PWA

Answer 2

我已经找到有关此的博客帖子

1. https://blog.hackages.io/migrating-a-service-worker-from-an-old-domain-to-your-new-domain-69236418051c
2. https://github.com/0xClpz/migrating-service-workers-from-an-old-domain

这是一篇较旧的文章，我无法在2020年在Chrome 81 Android 10上复制他们的结果

想象一下，您需要将应用程序从old-domain.com迁移到new-domain.com

您出于SEO原因执行了301重定向。一切正常，对于新用户和未将pwa安装到主屏幕的用户而言，一切正常。

当您尝试打开旧的已安装的pwa时，会看到重定向到new-domain.com。这就是触发地址栏的原因。由于域不同，它将在pwa中打开一个新窗口。就像您在某个本机应用程序中一样，并尝试通过Facebook或github登录。

已安装的pwa永远不会尝试加载sw.js，它只是用于重定向，不会给您提供拦截任何内容的机会。

---

对于新用户，当他们访问new-domain.com时，它会向他们提供通常的pwa添加到主屏幕提示。

如果某些新用户访问old-domain.com，他们会被重定向到new-domain.com，并从new-domain.com获得pwa体验

---

我不确定解决方案会是什么样子。

我一直在考虑如果请求来自旧安装的pwa，请检测服务器端，并向他们显示一些精心制作的页面，指示他们从主屏幕中删除旧的pwa，然后访问新域...