使用 PWA 服务工作者在离线模式下保存/提供 Web 服务

杰姆利法蒂

我有一个 vue.js/Cordova 应用程序,我希望来自 Rest Web 服务的数据在离线模式下可用,我首先想到的微不足道的解决方案是通过索引每个 ws 响应来使用本地存储 API 并使我的前端服务返回在离线模式下或在 Internet 连接速度较慢的情况下,来自本地存储的数据。但是我认为直接使用本地存储 API 执行此操作非常棘手,我认为也许使用 Service Workers 和 pwa 概念可以正确完成任务。现在,我的问题是:在我的用例中,服务工作者可以完成这项工作吗?其次,Cordova android/iOS 应用程序中是否有服务工作者?最后,在移动设备上运行时可能存在哪些兼容性问题/使用风险?

乔尔·埃利斯

不幸的是,如果您使用 Cordova 从文件 url 或 http url 提供文件,除非从网站提供服务,否则您可能会这样做,它将无法在 Android 上运行,因为服务工作者仅在安全上下文中工作。请参阅https://www.w3.org/TR/service-workers-1/#secure-context

但是,在 iOS 上有一个插件可以让您使用 Service Worker,即使在没有本机支持的旧版本上也是如此。

即使没有 android 的支持,Service Worker 也不会出现在足够多的平台上,无法作为应用程序的核心部分。

就您而言,由于您已经在使用 Vue,我建议您使用Vuex,即 Vue 的应用程序数据存储。您还可以获得其他一些好处。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

使用Workbox CLI及其服务工作者生成器的PWA无法离线工作

PWA-服务工作者(反应)如何工作?

离子 PWA 服务工作者 - 没有 CORS

PWA服务工作者缓存/更新预期行为

如何防止服务工作者删除缓存,PWA

PWA:如果我的Web应用程序有没有清单文件的服务工作者,会发生什么?

Firebase Web推送通知服务工作者问题

创建反应应用程序 pwa 打字稿模板无法检测服务工作者

React PWA:如何正确设置清单文件并注册服务工作者

Angular PWA错误无法安装站点:未检测到匹配的服务工作者

在线时影响非 GET 请求的服务工作者 - @angular/pwa

服务工作者不在离线工作

由于PWA服务工作者缓存,Auth basic 401页面不提示输入凭据

离线时服务工作者未注册

服务工作者在浏览器离线时保存表单数据

使用Nginx反向代理服务Polymer PWA

使Web应用程序脱机-应用程序缓存或服务工作者哪个更好?

具有自签名证书的高级Web应用程序服务工作者

用户在网站上时,可以使用服务工作者显示通知吗?

角度缓存 - 我们应该使用服务工作者吗?

同时使用GWT火力地堡服务工作者没有找到(404错误)

延迟加载或预加载Angular模块并使用服务工作者来缓存结果?

使用CSRF令牌缓存请求时,如何减少服务工作者缓存的大小

在服务工作者文件中使用ESM(导入/导出)

如何陷入不使用服务工作者的提取方法?

在Android移动设备上使用Chrome调试服务工作者

与服务工作者一起使用异步/等待

create-react-app:使用网络进行某些服务工作者导航?

需要有关在域中使用多服务工作者的信息