Angular PWA 动态更改清单

Angular PWA change manifest dynamically

是否有任何新的尝试允许根据使用的 URL 动态更改 Angular PWA 的清单?

我在 https://medium.com/@alshakero/how-to-setup-your-web-app-manifest-dynamically-using-javascript-f7fbee899a61 找到了两次尝试,但 none 它确实有效。

我们构建了一个平台,我们需要根据使用在线服务的公司进行定制。这只是一项几乎免费的小而简陋的服务,但此功能将非常有价值。

编码愉快:)

约瑟夫

回答一个旧问题,但在我看来仍然是一个相关问题。

可能已经很清楚,有两种方法,这是您应该尝试的原则问题。

  1. Javascript 代码 运行ning 在 Angular 执行
  2. 之前

您提到热插拔 (javascript) 解决方案并没有真正起作用。您需要说明为什么这不起作用。是不是不够动态?因为在那种情况下,需要向您的服务器请求清单中所需的数据。还是它根本没有按照说明工作?也许 storage/cache 阻碍了你。这可能与 NgSw 或 @angular/pwa 已经被加载有关。有时您必须清除一些缓存才能真正在清单或主题之间动态切换。在这种情况下说明您的要求!

  1. (建议的解决方案)通过服务器请求动态加载清单

让服务器决定提供哪个清单。这有很多优点。一方面,您不必为特定目的构建 Angular 应用程序,因为它是 URL/domain 不可知论者。我们通常都从配置 Angular 应用程序(f.e。environment.*.ts)开始,但最后当您有许多不同的 environments/URL 的或部署。我建议尽可能保持应用程序静态和可预测,但在应用程序 'bootstraps' 之前加载任何更改 main.ts 甚至 index.html 通过第一步。

如果您向我们提供您 运行 的服务器,我们可以 return 提供有关如何解决该问题的提示。 NodeJS/.NET Core/PHP/Spring/...这只是一个如何而不是什么的问题。