javascript - 如何处理多个用户的localStorage？

Question

如果您想在 localStorage 中存储与用户相关的数据(例如，因为多个用户可以对您的网站使用同一个浏览器)，您通常如何处理这种情况？

假设我能够在前端使用唯一的 userId 来识别用户。我可能会做类似下面的事情:

// retrieve the data
data = JSON.parse( window.localStorage.getItem( userId ) ) || {};

// persist the data
window.localStorage.setItem( userId, JSON.stringify( data ) );

这是一种天真的做事方式吗？

编辑:在根据@MДΓΓ БДL 和其他评论多加考虑之后，我们假设数据是敏感的。在那种情况下，上面的例子确实是幼稚的。关于在这种情况下如何处理敏感数据的任何想法？或者答案也许是:不要这样做，将其保存在后端？

Answer 1

敏感数据绝不能存储在客户端上。除非您可以保证计算机的物理安全和/或保证该计算机上的登录用户永远只是使用该计算机的用户(这两者通常都不是真的)，否则不要将敏感信息存储在客户，如果你能避免的话。

将敏感信息存储在服务器上并在向浏览器提供该信息之前需要适当的登录凭据要安全得多。然后，您可以控制服务器上数据的物理安全性，并防止任何用户访问不属于他们的数据。此外，您可以使用 SSL 在运行中对其进行保护。

如果您真的想在本地存储仅供一个用户和一台计算机以及该计算机上的一个浏览器使用的内容，您可以提示输入密码并使用该密码加密/解密存储在本地存储中的数据。除了临时的离线事件，我目前不确定为什么这会比将它存储在服务器上更好的用户体验，因为无论他们如何访问互联网，它都可以供该用户使用。在如今的移动访问、平板电脑访问、笔记本电脑访问等时代……似乎更多的趋势是将内容存储在云中，这样给定的用户就可以通过他们可能使用的任何互联网访问方式访问他们的数据，而不是要求他们使用完全相同的计算机。