带有@angular/service-worker包的PWA

Question

我正在Angular中创建一个新的SPA，它有一个离线要求。

看起来@ Angular /service-worker是创建渐进式web应用的新Angular方式。我看到了一些安装应用程序的示例，它连接了基本的缓存，但我找不到任何更详细的离线缓存示例。

有没有人用过这个包？

有没有人知道如何在离线时保存用户输入数据的更详细的例子？

Answer 1

关于这个话题的信息并不多。然而，有一个关于angular-mobile-toolkit & pwas的google文档。它有一个关于静态和动态缓存的部分。不幸的是，有些部分和链接已经过时了，而且很难找到。所以就是这样：

https://docs.google.com/document/d/1F0e0ROaZUnTFftmC0XovpREHWHjcXa4CggiFlmifjhw/edit

我也尝试过使用这个包，但无法让它用于动态缓存。因此，我切换到使用googles工作箱库的自定义服务工作者实现。对我来说，这感觉稳定多了。另外，至少有一些文档是存在的。缺点是，你失去了一些cli的舒适性。我写了我是如何做到的。你可以试一试：

https://malcoded.com/posts/angular-service-worker