如何使用Angular 7安全地保存购物车信息

我正在开发一个电子商务网站使用Angular7。目前我正在本地存储中保存购物车信息

localStorage.setItem('cartItems', JSON.stringify(this.items));

但是我发现保存的购物车信息可以从浏览器控制台进行更改/删除。因此，我正在寻找一个更安全的选项，该选项需要对用户不可见

寻找任何建议或有用的链接，可以参考和实施

提前感谢。

当多个用户与本地存储交互时，将数据存储在本地存储中不是一个选项。您的电子商务网站需要一个服务器和一个数据存储层，两者都与客户端分离。我建议使用，这是一个NoSQL数据库，使用基于JSON的文档格式。CouchDB将服务器和数据存储功能捆绑在一个产品中，为文档插入、更新、检索和删除提供了一个类似REST的接口。是用于CouchDB的官方Node.js库

CouchDB还有许多其他因素：

它是开源的。 它适用于Linux、macOS和Windows。 它可以安装在本地计算机上进行开发，也可以安装在自己的服务器上，或者安装在云中。 它附带的web界面允许您动态创建、更新、删除、查看和查询文档。 等 一旦有多个用户与本地存储交互，就不能将数据存储在本地存储中。您的电子商务网站需要一个服务器和一个数据存储层，两者都与客户端分离。我建议使用，这是一个NoSQL数据库，使用基于JSON的文档格式。CouchDB将服务器和数据存储功能捆绑在一个产品中，为文档插入、更新、检索和删除提供了一个类似REST的接口。是用于CouchDB的官方Node.js库

CouchDB还有许多其他因素：

它是开源的。 它适用于Linux、macOS和Windows。 它可以安装在本地计算机上进行开发，也可以安装在自己的服务器上，或者安装在云中。 它附带的web界面允许您动态创建、更新、删除、查看和查询文档。 等

---

对于电子商务网站，将购物车信息存储在数据库中始终是最佳实践。这提供了创建用户需求和购买伙伴的优势，这有助于为用户构建新的购物建议

还考虑用户使用移动应用程序使用WebApp向CART和签出添加项目的场景。在这种情况下，您也会丢失数据

---

还考虑用户想要注销并稍后购买的场景。在这种情况下，不建议使用localStorage。最好的做法是将DB用于相同的用途

对于电子商务网站，将购物车信息存储在数据库中始终是最佳做法。这提供了创建用户需求和购买伙伴的优势，这有助于为用户构建新的购物建议

还考虑用户使用移动应用程序使用WebApp向CART和签出添加项目的场景。在这种情况下，您也会丢失数据

---

还考虑用户想要注销并稍后购买的场景。在这种情况下，不建议使用localStorage。最好的做法是将DB用于相同的用途

应该从后端保存和检索合理且安全的信息。是的，可以从浏览器控制台修改和删除localstorage。最好的方法是将其存储到服务器端。或者在前端，以加密形式存储，但可以修改。前端中的任何内容都可以修改和删除。您可以使用Cookie和db函数来存储这些数据。应该从后端保存和检索合理和安全的信息。是的，可以从浏览器控制台修改和删除localstorage。最好的方法是将其存储到服务器端。或者在前端，以加密形式存储，但可以修改。前端中的任何内容都可以修改和删除。您可以使用cookies和db函数来存储这些数据。