浏览器的 local storage(本地存储)是指浏览器提供的一种客户端存储机制,用于在用户的浏览器上存储大量数据。这些数据能够在同一域名下的所有页面之间共享,并且在浏览器敞开后也能够保留下来,直到被用户删除或达到存储下限。
Local storage 是 HTML5 标准中引入的一种新的浏览器存储机制,它比传统的 Cookie 机制更加弱小和灵便。与 Cookie 不同的是,Local storage 能够存储更多的数据(个别为 5 -10MB),而且不会被蕴含在 HTTP 申请中发送到服务器,因而对于须要在客户端保留数据的应用程序来说,Local storage 是更加平安和牢靠的抉择。
开发人员能够应用 JavaScript API 拜访 Local storage 中存储的数据,通过 setItem() 和 getItem() 办法来增加和获取数据,通过 removeItem() 办法来删除数据。在应用 Local storage 时,开发人员须要留神数据存储的限度和数据类型的转换问题。
SAP Spartacus 项目选择将以下信息存储到浏览器的 local storage 里:
- 用户登录凭证(Access Token 和 Refresh Token):用户在登录后获取的凭证信息将被存储在 local storage 中,以便用户在浏览网站时不须要反复登录。
- 用户语言偏好设置:Spartacus 应用程序能够反对多种语言,因而用户能够抉择应用哪种语言。用户抉择的语言偏好设置将被存储在 local storage 中,以便在用户下一次拜访网站时放弃其语言偏好设置。
- 用户的购物车 ID:用户在进行购物时增加的商品信息将被存储在 local storage 中,以便在用户下一次拜访网站时复原其购物车状态。
上面是一个具体的例子。
5198 存储在 local storage 外面
依据 cart id 从后盾读取 cart 数据:
点击 Edit configuration:
http://localhost:4200/electronics-spa/en/USD/configure/vc/car…