Angular 5/6 项目会话存储

Question

最近我正在考虑如何像在传统的 asp.net 项目中使用会话一样维护会话对象，因为这将是一些信息 这将通过 web 应用程序不断使用，例如 userId/appId/userRole，我们不想每次使用这些作为输入时都从数据库中检索信息，到目前为止，我发现可能的解决方案是：

1) 将它们放入 html5 本地/会话存储中，但我不确定是否 这对公众是安全的 用户？假设我在会话存储中将 userId 保存为 1，用户会在他的本地浏览器存储中将此值修改为 2，因此当保存某些内容并需要从会话存储中获取 userId 时，它将获取 userId 1 或2？或者用户会去删除会话存储中的密钥/对，这会在尝试查找时导致应用程序出错

2) 将它们作为对象保存到角度服务类中并像全局对象一样使用它，这是个好主意吗？

上述哪种解决方案最适合解决我在 Angular 项目中的问题？还是有人有更聪明的主意？

Answer 1

我正在开发一个库来做到这一点。

https://github.com/adriandavidbrand/ngx-rxcache

RxCache 是一个库，它简化了 Redux 风格存储的推送模型，还支持本地存储以在浏览器刷新时存活。

Answer 2

1) 您可以将其存储在 html 存储中以使其不可读，您可以使用 https://www.npmjs.com/package/ng-lz-string 。这也将压缩所有数据，并且不会让 localStorage 或 sessionStorage 达到其配额。

2 和 3) 这两个都是使用 html localStorage/sessionStorage 的工具。我只是将 html5 与 lz-string compress decompress 一起使用。