Angular PWA ngsw-config updateMode-什么时候在用户的PWA上更新?

英国电信

我们最近使用Ionic + Angular PWA部署了一个生产应用程序。不幸的是,我们没有为资产* .js和* .html设置updatemode。我们已经部署了新版本的ngsw-config和ngsw.json,其中包括一种更新资产的方法。

如果用户已经在手机上安装了我们的应用程序(即主屏幕上的快捷方式)->更新ngsw-config或ngsw.json需要多长时间?

会自动更新吗?

克里希南

根据https://angular.io/guide/service-worker-devops#update-checks

每次用户打开或刷新应用程序时,Angular服务工作人员都会通过查找ngsw.json清单的更新来检查应用程序的更新。如果找到更新,则会自动下载并缓存该更新,并将在下次加载应用程序时将其提供。

这意味着您的用户下次*打开应用程序时,应该会获得更新的内容/应用程序,因为ngsw.json服务器有可用的新版本

旁注:我自己还没有尝试过。我唯一不确定的是,ngsw.json即使您Cache-Control: max-age...ngsw.json文件显式设置了标头,服务工作者是否也始终会获取新文件。我认为它将成为Angular拥有应用程序完整性有力保证但是,我建议您事先尝试一下。

*(关于“下一次”的注意事项)如果用户已经“添加到主屏幕”上一个版本,则当他再次打开该应用程序时,即使新版本可用,浏览器仍会呈现旧应用程序。这是因为服务工作者ngsw.json 期间检查是否有更新,并在后台下载更新的版本。如果用户第二次关闭并打开该应用程序,则该时间将实际呈现新版本。我已经读过某处(但我忘记了哪里),在新版本可用后,用户第一次打开应用程序时,会显示“新版本,您想刷新”消息。这个问题,所以我不会深入探讨。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Angular PWA和缓存API

来自分类Dev

Angular PWA - 缓存远程图像

来自分类Dev

Angular PWA 动态更改清单

来自分类Dev

ASP.NET Core 3-Angular SPA PWA

来自分类Dev

带有自定义离线页面的 Angular PWA

来自分类Dev

Blazor WebAssembly PWA是否可以在用户的文件系统上运行本地桌面应用程序?

来自分类Dev

PWA可以存储多少?

来自分类Dev

使用PWA的蓝牙连接

来自分类Dev

确定PWA安装状态

来自分类Dev

用于PWA / TWA的CapacitorJS

来自分类Dev

改进 PWA 页面加载

来自分类Dev

PWA - 如何指定版本?

来自分类Dev

如何强制更新在Firebase上托管并与FireStore一起使用的无服务器Angular SPA PWA

来自分类Dev

将PWA添加到angular 8-模块构建失败

来自分类Dev

Angular PWA错误无法安装站点:未检测到匹配的服务工作者

来自分类Dev

@ angular / pwa服务人员不在我现有的项目上工作

来自分类Dev

Ionic5 / Angular9 PWA应用程序中是否可以使用SignaturePad?

来自分类Dev

确保在打开Angular-PWA时执行Http-Requests

来自分类Dev

尝试添加 pwa 的 Angular 6 新项目给出错误消息

来自分类Dev

在 Tomcat Apache 生产服务器中部署 Angular 7 PWA 应用程序

来自分类Dev

React PWA-点击时强制更新

来自分类Dev

网页与主页上的 PWA 图标不兼容

来自分类Dev

在 Google AMP + PWA (PWAMP) 中跟踪 PWA 事件

来自分类Dev

缓存动态视图PWA ASP

来自分类Dev

以编程方式关闭/退出PWA

来自分类Dev

SPA 中的 PWA Cors 请求

来自分类Dev

PWA 独立显示不工作

来自分类Dev

从 react PWA 读取 BLE 信标

来自分类Dev

PWA 和 iOS 推送令牌