sw-toolbox或indexedDB

时间:2018-03-22 09:53:56

标签: browser-cache indexeddb progressive-web-apps offlineapps

在构建PWA时,存储包含数据列表的api响应的最佳策略是什么?

  1. 使用sw-toolbox来缓存响应 或
  2. 将其保存在indexedDB中,并在离线时从中返回。

2 个答案:

答案 0 :(得分:1)

您可以参考此Offline Storage for Progressive Web Apps文档。以下是离线存储数据的一些建议:

  

您还可以查看此page,了解Storing data with IndexedDBStoring assets in the Cache interface之间的差异。

答案 1 :(得分:1)

IndexedDB是一种浏览器标准(浏览器本机API),受到所有主流浏览器和Google's recommendation的广泛支持,用于存储脱机API类型的数据。

作为explained here,Service Worker Toolbox(或SW-Toolbox)提供了一些简单的帮助程序,用于创建自己的服务工作者。它在内部使用IndexedDB。您可以参考代码here。可以把它想象成一个jQuery解决方案,它简化了其他方面的工作,而这些方法仍然可以通过额外的努

请注意,sw-toolbox即将退役,转而使用Workbox。 每个Chrome团队都不太可能解决SW-Toolbox非关键错误,并且自添加任何功能以来已经过了8个月。因此,如果您正在寻找帮助库来实现离线存储到您的Web应用程序,那么您有充分的理由不选择SW-toolbox并考虑Workbox