在ServiceWorker完成提取新文件时触发事件？ [英] Trigger event when serviceworker finished fetching new files?

问题描述

Short：我想知道在更新后，当服务工作者完成文件下载时，是否可能触发某种事件或回调。

长版本：我有一个PWA，它使用ANGLE(8)和它的ANGLE ServicWorker。在ngsw配置中，我将安装和更新模式设置为预取。

通常，当更新被推送到服务器时，应用程序注册到更新事件，并且服务工作者开始下载新文件(.js、Assets、.html等)。我可以在控制台的网络选项卡中看到新文件是如何逐个下载的。但是，由于它是一个大型应用程序，这可能需要几分钟时间。

由于我的PWA经常在脱机模式下使用，如果在用户关闭应用程序或断开互联网连接之前没有完成更新，这将是致命的，因为他可能会错过一些脚本或页面。 我想告诉用户，文件何时仍在下载，或者至少何时文件下载已完成。

当服务工作者完成下载时，是否会触发某种回调、钩子或其他东西？ 或者其他一些形式来获得这个？

推荐答案

是的，ANGLE提供SwUpdate service您可以订阅的内容。它的用法如下：

@Injectable()
export class LogUpdateService {

  constructor(updates: SwUpdate) {
    updates.available.subscribe(event => {
      console.log('current version is', event.current);
      console.log('available version is', event.available);
    });
    updates.activated.subscribe(event => {
      console.log('old version was', event.previous);
      console.log('new version is', event.current);
    });
  }
}

这篇关于在ServiceWorker完成提取新文件时触发事件？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！