从一个网站将多个渐进式Web应用程序保存到主屏幕

Question

我正在建立一个网站，我希望能够将不同的子文件夹作为单独的PWA，并分别保存到主屏幕。 E.g。

PWA＃1 - 专门为客户＃1

打上品牌

〜/ ClientOne / ClientOnePWA.html

〜/ ClientOne / serviceworker.js

〜/ ClientOne / manifest.json中

PWA＃2 - 特别为其他客户

打上品牌

〜/ OtherClient / OtherClientPWA.html

〜/ OtherClient / serviceworker.js

〜/ OtherClient / manifest.json中

我的问题是：有没有办法让这两个在同一个Android主屏幕上并排存在？

我曾经想过，由于服务工作者和清单是在一个单独的范围内，它会将这些视为单独的Web应用程序，但现在它将它们视为一个大应用程序（我非常喜欢）它们与我们的业务用例分开。）

目前，我可以将客户端1的PWA添加到Android设备的主屏幕，但是当我转到“OtherClientPWA.html”时。我无法将其添加到主屏幕。相反，它让我可以选择“Open Client One PWA”。在哪里＆＃39;添加到主屏幕＆＃39;应该在Chrome菜单上。

提前感谢任何见解！

Answer 1

尝试为app1和app2添加两个子域alisas，如下所示。

App1.mydomain.com App2.mydomain.com

这可以路由到ur client1和url服务器端的其他客户端。这将有助于以更清洁的方式维护两个应用程序，以及服务工作者将其视为两个不同的应用程序。这将有助于保留两个不同的图标。