如何使用单个服务工作者启用多语言 Angular PWA 的安装？

Question

我准备了具有本地化语言版本的应用程序。为此，我使用了原生的 Angular i18n 模块，该模块准备了两个应用程序包，每个包都有相应的语言。

应用程序的每个版本都可以在我的 nginx 服务器上的各个位置下使用：

• myapp.com/en/...
• myapp.com/pl/...

我希望我的应用程序作为 PWA安装一次，并使用（单个？）服务工作者提供两种语言版本。

不幸的是，我现在对@angular/pwa 模块所能做的就是为每个应用程序提供一个单独的服务工作者，这迫使我的应用程序的每个语言版本都单独安装。

我的问题是：应用程序有没有办法按照我使用@angular/pwa 或 Workbox描述的方式工作？

// 顺便说一下，Angular 的创建者没有强调@angular/localize 与@angular/pwa 的集成，这有点令人惊讶。

Answer 1

每种语言都有 N 个应用程序。它们托管在不同的域上。它们实际上是不同的应用程序。因此，即使您将所有这些都安装在一个 URL 中，您也可以安装所有这些。

作为将一个域与不同应用程序一起使用的一种选择，您可以创建一个包含所有语言及其相应 JS 文件的配置，或者为 index.html 创建一个解析器。然后，您需要创建自己的工作程序，它将在页面加载时插入正确的脚本（您不能在运行中执行此操作，因为 JS 代码已经加载）。这将加载适当的应用程序。我想，每个应用程序都有你的工作人员。

如果您打算将 i18n 工具作为混合应用在 Google 商店中发布，您可能需要考虑切换它。

作为另一个选项，您可以为 WebView 提供一个层，并根据用户选择的语言加载不同的 URL。