PWA离线功能可以快速更改数据

时间:2018-06-09 19:17:04

标签: service-worker progressive-web-apps pwa cacheapi

Progressive Web Apps离线功能对于显示频繁更改的数据的应用程序(如银行帐户余额)是个好主意吗?

如果用户正在使用他的PWA离线模式并导航到例如银行产品余额部分,他实际上没有查看有关其余额的更新数据,并允许根据可能未更新的数据进行操作。

对于频繁更改的数据,我是否会错过这种方法(PWA)?

1 个答案:

答案 0 :(得分:2)

PWA并不意味着您捕获整个页面。作为开发人员,您可以选择要缓存的内容。可以完成两种类型的缓存。

1)静态内容缓存又称App shell缓存 - 就像你的HTML / CSS / JS和图像文件一样。这可以在更改时使用服务工作者刷新(将在后台发生而无需用户执行任何操作)。即使对于像银行交易页面这样的网站,也可以这样做。

2)API数据缓存 - 这是您从Web服务缓存动态数据(如JSON响应)的位置。如果负责地显示信息,即使这可以针对银行交易页面实施。在交易之上说,您可以以一种很好的提示方式显示消息“截至6月6日-20118 5.11PM的交易”,这样用户就知道他没有看到实时数据,但他/她可能会很高兴看到如果那就是他正在寻找的旧交易。

或者您可以完全忽略缓存动态数据,如API响应或服务器呈现的HTML,它具有此类动态数据并缓存仅静态的数据。

当天结束时,作为开发人员,您决定缓存和缓存某些东西,即使在这样的动态内容网站中,也会让您在没有缓存的情况下得到改进。

以下是解释两者的Google's doc