带有 PWA 和 Service Worker 的 NGRX 离线缓存

Posted

技术标签:

【中文标题】带有 PWA 和 Service Worker 的 NGRX 离线缓存【英文标题】:NGRX Offline Cache with a PWA and Service Worker 【发布时间】:2019-05-09 22:06:13 【问题描述】:

这不是错误,而是关于如何解决我的问题的问题!

借助 Angular 的新 PWA 功能,通过 service worker 让您的应用离线工作非常简单。 我的问题是如何利用 NGRX 缓存一个状态,以便它可以离线使用。

我还担心,当客户端缓存在浏览器中时,它可能会修改状态。 (例如使用ngrx-store-localstorage时)

【问题讨论】:

嘿,您找到解决问题的方法了吗? 不是一个合适的...如果你真的需要这个我会建议使用本地浏览器存储(你可以自己实现它或使用github.com/btroncone/ngrx-store-localstorage)......但是通过这种方法你有要小心,因为用户可能会编辑数据 【参考方案1】:

你说得对,像ngrx-store-localstorage 这样的库就是解决方案,背后没有魔法。

修改状态不是你的问题。如果有人想滥用您的应用程序/网站的前端 - 他/她可以做到。这里的主要目标是确保您的后端不接受格式错误的数据(永远不要相信您从用户那里收到的数据)并且您不会将敏感数据存储在前端的存储中。

任何人都可以在此页面上打开开发人员工具并修改您的问题 - 由他们决定,因为这是他们的本地副本,这并不意味着 *** 有问题。

【讨论】:

一年多之后,我绝对同意 :) 啊,疯了:)我没看到日期:)

以上是关于带有 PWA 和 Service Worker 的 NGRX 离线缓存的主要内容,如果未能解决你的问题,请参考以下文章

PWA之 Service worker

@vue/cli-plugin-pwa 没有创建 service-worker.js

Service Worker 在 PWA 中的应用

单击 service-worker ng7 + android 处理的推送通知时打开 PWA

[PWA] 9. Service worker registerion && service work's props, methods and listeners

vue/cli-plugin-pwa:服务器请求(使用 axios)不被 service worker 缓存