如果我可以获得任何链接或后悔,我将不胜感激,我正在开发一个大型Web应用程序,需要使应用程序脱机 .

我计划使用Service worker缓存机制实现PWA

  • Cache Only Approach 中缓存所有资产,如image,html,js,CSS

  • 用于在 Cache First Approach 中呈现UI元素的所有元数据调用

  • 所有用户输入数据 Network First approach

通过实现这一点,我能够带来应用程序 offline 并按预期工作 . 现在另一个要求是离线USER可以执行操作,例如编辑任何字段,添加注释,上传文档等 .

为此,我计划使用 HttpInterceptor 并将所有POST请求及其 Headers 推送到 IndexedDB ,一旦系统联机,将从那里读取并发布到服务器 . 这也按预期工作

现在陷入困境的是数据持久性,当用户在线时,如果他在表单中添加评论或编辑内容,他点击保存(推送到IndexedDB的信息)和

如果他刷新页面用户无法看到他输入的数据,请仅获取旧信息

,为什么会发生这种情况,因为在加载从Cache API读取的应用程序时,响应仍然是旧的 .

是否有任何其他方法可以使应用程序脱机并使用数据保持用户操作 .