如何指定 PWA 存储 URL？

Question

我的 GitHub 帐户上的各个存储库中有两个 PWA（例如，https://github.com/1John419/pwa01 和 https://github.com/1John419/pwa02）。这些应用程序是从它们各自的 GitHub 页面安装的（例如，https://1john419.github.io/pwa01/ 和 https://1john419.github.io/pwa02/）。

问题是两个应用程序的本地存储和缓存存储都指向域 URL (https://1john419.github.io/) 而不是应用程序 URL (https://1john419.github.io/pwa01 和 https://1john419.github.io/pwa01)。

结果，即使每个应用程序的 sw.js 仅缓存其相关数据，DevTools 也表明每个应用程序都包含来自域 URL 的所有缓存。服务工作者指向应用程序 URL，但本地存储和缓存存储指向域 URL。

当任一应用程序更新时，具有通用名称的文件似乎被覆盖（尽管位于唯一名称缓存中）。

有没有办法让存储 URL 指向应用程序 URL 而不是域 URL？如果不是，您建议使用什么解决方案将应用程序缓存分开？

Answer 1

这是我找到的解决方案。如果您知道更好的方法，请发布另一个答案。

简而言之：不，没有办法指定 PWA 存储 URL。浏览器使用 FQDN 作为存储 URL。

为了让每个应用程序都有一个唯一的存储 URL，每个应用程序都需要位于自己的域或子域中。

我找到的最佳解决方案是购买一个域并为每个应用程序设置一个子域。我发现这些资源非常有用：

• Mike Conrad
• Trent Yang
• GitHub Docs

使用这种方法，每个应用程序都有自己的存储 URL，并且应用程序不再相互影响。