angular - 如何使用单个服务人员安装多语言 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。