服务工作者完成获取新文件时触发事件？

Question

Short：我想知道当serviceworker在更新后完成下载文件时是否可以触发某种事件或回调。

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

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

由于我的 PWA 经常在离线模式下使用，如果在用户关闭应用或失去互联网连接之前没有完成更新，那将是致命的，因为他可能会错过一些脚本或页面。 我想告诉用户，什么时候文件还在下载，或者至少什么时候文件下载完成了。

当服务人员完成下载内容时，是否会触发某种回调、钩子或其他什么？ 或者也许是其他形式来实现这一点？

Answer 1

是的，Angular 提供了一个您可以订阅的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);
    });
  }
}