Customise @angular/service-worker

Question

如何自定义@angular/service-worker？我知道这不是在npm_modules文件夹中进行修改的合适方式。我读过一个教程，其中作者创建了额外的2个js文件。其中一个文件包含服务工作者代码，而另一个文件包含'importScripts()‘，用于导入ngsw-worker.js文件和自定义服务工作者文件。它工作得很好，自定义服务工作者监听安装事件，但是当涉及到fetch事件时，它不会传递这个fetch事件侦听器。我没有在这个函数中获得控制台。我不知道为什么会这样。有人知道实现这一目标的原因或任何其他解决方案吗？

这是我所关注的教程的链接，Tutorial

Answer 1

这个答案可能会有点晚，但也许它仍然有用。与修改angular生成的Service Worker (SW)不同，您可以让它处理与缓存和离线支持相关的所有事情(这是现成的)，并创建一个新的service worker来处理您需要的其他任务。这里有一个非常好的示例，其中创建了第二个工作的服务来处理推送通知：Push Notifications using firestore。

您可以使用此示例并创建您自己的软件。

希望它能有所帮助;)