npm 包 @egjs/persist 使用教程-JavaScript中文网-JavaScript教程资源分享门户

前言

前端开发中经常需要使用到本地存储，如cookie,localStorage等，但这些存储方式都存在各自的限制。比如cookie只能存储4kb左右的数据，而localStorage虽然可以存储更多，但不能防止数据被篡改。针对这些问题，我们可以使用npm包 @egjs/persist，该包可以将任何类型的数据进行序列化并存储到本地，同时还具有数据加密的功能。

安装

在项目中安装@egjs/persist，可以通过npm安装，如下所示：

npm install @egjs/persist --save

使用

导入模块

安装完@egjs/persist后，可以使用以下代码导入模块。

import { Persist } from "@egjs/persist";

初始化

在使用之前，需要调用Persist的构造函数进行初始化，如下所示

const persist = new Persist("dataName", {
  encryptionKey: "encryptKey",
  filter: (data) => data,
  expires: {
    minutes: 10
  }
});

参数说明：

dataName：存储数据的名称，可以自定义。
encryptionKey：加密密钥。可选参数，如果不提供，则不加密。
filter：该函数会在存储和读取时被调用，用于序列化和反序列化数据。filter接收一个参数data，然后将数据序列化或反序列化，并返回。默认情况下，filter使用JSON.stringify和JSON.parse函数进行序列化和反序列化。
expires：数据的过期时间。可选参数，配置了该参数的数据会在指定的时间后失效，单位为毫秒。

存储

使用Persist的set方法可以存储一个JSON对象。例如：

const data = {
    name: '张三',
    age: 20
};
persist.set(data).then(() => {
    console.log('数据存储成功！')
});

读取

使用Persist的get方法可以读取存储的数据。例如：

persist.get().then((data) => {
    console.log('读取的数据是：' + JSON.stringify(data));
});

删除

使用Persist的remove方法可以删除存储的数据。例如：

persist.remove().then(() => {
    console.log('数据删除成功！');
});

示例

下面是一个完整的示例代码：

-- -------------------- ---- -------
------ - ------- - ---- ----------------

----- ------- - --- ------------------- -
    -------------- ------------------
    ------- ------ -- -----
    -------- -
        -------- --
    -
---

----- ---- - -
    ----- -----
    ---- --
--

------------------------- -- -
    -----------------------
---

------------------------- -- -
    --------------------- - ----------------------
---

------------------------ -- -
    -----------------------
---

总结

使用npm包@egjs/persist可以很方便的在前端开发中进行数据存储，同时还具有序列化和反序列化的功能，以及数据加密和过期时间的设置，非常实用。但在使用时应注意保护加密密钥，避免泄露敏感信息。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/5eedcbb2b5cbfe1ea0612663