当前位置: 技术文章>> 如何在Magento 2中使用JavaScript模块使用本地和cookie存储

文章标题:如何在Magento 2中使用JavaScript模块使用本地和cookie存储
  • 文章分类: Magento
  • 18096 阅读
系统学习magento二次开发,推荐小册:《Magento中文全栈二次开发 》

本小册面向Magento2以上版本,书代码及示例兼容magento2.0-2.4版本。涵盖了magento前端开发,后端开发,magento2主题,magento2重写,magento2 layout,magento2控制器,magento2 block等相关内容,带领您成为magento开发技术专家。


今天,我将解释如何在Magento 2中使用JavaScript模块使用本地和cookie存储。

Cookie 是当用户通过网络浏览器浏览任何网站时存储在用户计算机中的一小段信息。之后,用户可以在需要时检索这些数据。Cookie 通常用于通过跟踪用户的操作来提供个性化的用户体验。

Magento 2提供了使用本地存储或cookie在浏览器中存储一些公共信息的功能。商店管理员可以使用 javascript 模块管理 cookie 信息。在商店前端显示cookie通知,以通过Magento 2的免费cookie合规性扩展获得用户的同意。

在Magento 2中使用JavaScript模块使用本地和cookie存储的步骤:

第 1 步:首先在扩展或主题中创建 JS 文件。为此,请创建自定义cookie.js

app\code\Vendor\Extension\view\Frontend\Web\Js\customcookie.js

define([
'jquery',
'uiComponent',
'jquery/jquery-storageapi'
],
function ($, Component)
{
 return Component.extend(
        {
 defaults:
                {
 cookieMessages: []
 },
 initialize: function ()
                {
      this._super();
      this.cookieMessages = $.cookieStorage.get('mage-string');
      $.cookieStorage.set('mage-string', '');
 }
 });
});


要使用此功能,我们必须同时添加jquery和jquery/jquery-storageapi。

第 2 步:所以现在您可以使用

$.cookieStorage.get('mage-string')

步骤3:

window.localStorage也支持将信息存储在本地存储中
window.localStorage.setItem('myname', 'Vendor');
window.localStorage.getItem('myname');
window.localStorage.removeItem('myname');
window.localStorageclear();


这些都是存储信息的不同方法。

结论:

因此,在上述代码的帮助下,所有人都能够做到。如果您遇到任何困难,请在下面的评论部分中提及,让我知道。进一步分享文章并保持更新。


推荐文章