自定义@angular/service-worker

Question

如何定制@angular/service-worker？我知道在npm_modules文件夹内修改并不是一个合适的方法。我看到过一篇教程，在其中作者创建了额外的两个js文件，其中一个文件包含service worker代码，而另一个文件包含'importScripts（）'以导入ngsw-worker.js文件和自定义的service worker文件。它能够正常工作，自定义的service worker监听安装事件，但是在fetch事件方面，它不能通过此fetch事件侦听器，我在这个函数中没有得到控制台。我不知道为什么会发生这种情况。有人知道原因或者其他解决方案吗？

以下是我所遵循的教程链接：Tutorial

- VinoPravin

---

如果您没有包含教程链接，那么任何人都很难回答有关教程的问题。如果您有一些要发布的代码，那也可能会帮助其他人帮助您。 - Mathias

已更新并附上链接。 - VinoPravin

教程链接已失效。 - JWess

Answer 1

这个答案可能有点晚，但也许仍然有用。与修改由angular生成的Service Worker（SW）不同，您可以让它处理与缓存和离线支持有关的所有内容（这是开箱即用的），并创建一个新的service worker来处理您需要的其他任务。在这里，您有一个非常好的例子，其中创建了第二个service worker来处理推送通知：使用firestore进行推送通知。

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

希望对您有所帮助;)

- GRGodoi