在 web 前端开发中，处理 cookie 是一个常见的需求。而使用 npm 包 zinky-cookies 可以帮助我们更轻松地完成 cookie 的设置和解析等操作。本文将介绍 zinky-cookies 的使用方法以及一些注意事项。
安装
zinky-cookies 可以通过 npm 安装：
npm install zinky-cookies
设置 cookie
要设置 cookie，我们需要创建一个 Cookies 实例，并使用 set 方法设置 cookie 的键值对。以下是一个示例：
const { Cookies } = require('zinky-cookies');
const cookies = new Cookies();
cookies.set('name', 'zinky');set 方法有以下参数：
name：cookie 的名称，字符串类型。value：cookie 的值，字符串类型。options：可选参数，一个包含 cookie 设置选项的对象。
在 options 对象中，常用的选项有：
expires：cookie 的过期时间，可以是一个Date对象、一个表示过期时间的数字或字符串，例如'1d'表示一天后过期。path：cookie 的路径，默认为'/'。domain：cookie 的域，默认为当前域。secure：布尔值，表示是否只在 HTTPS 连接中使用该 cookie。httpOnly：布尔值，表示是否禁止 JavaScript 访问该 cookie。
以下是一个设置 cookie 的完整示例：
-- -------------------- ---- ------- ----- - ------- - - ------------------------- ----- ------- - --- ---------- ------------------- -------- - -------- --- ------------------- ----- ----------- ------- -------------- ------- ----- --------- ----- ---
获取 cookie
要获取 cookie，我们可以使用 get 方法。以下是一个示例：
const { Cookies } = require('zinky-cookies');
const cookies = new Cookies();
const name = cookies.get('name');get 方法有一个参数 name，表示要获取的 cookie 的名称。如果该名称的 cookie 存在，则返回其值；否则返回 undefined。
解析 cookie 字符串
除了使用 set 方法设置 cookie，我们还可以使用 parse 方法解析 cookie 字符串。以下是一个示例：
const { Cookies } = require('zinky-cookies');
const cookies = new Cookies();
const cookieStr = 'name=zinky; age=20;';
const parsedCookies = cookies.parse(cookieStr);
console.log(parsedCookies);输出结果：
{ name: 'zinky', age: '20' }注意事项
- 在同一个页面中，使用相同名称的 cookie 会相互覆盖。如果需要存储多个相同名称的 cookie，可以在名称后面添加不同的标识符。
- 当使用
expires选项设置 cookie 的过期时间时，该时间应该使用 GMT 格式表示。例如'Fri, 31 Dec 2021 23:59:59 GMT'。 httpOnly选项只能防止 JavaScript 访问 cookie，但不能防止其他方法（如 HTTP 请求）访问 cookie。因此在使用类似 JWT（JSON Web Token）的技术时，需要使用其他方式防止 CSRF 攻击，如添加 CSRF token 等。
总之，zinky-cookies 提供了一个方便、易用的方式处理 cookie，使得我们的开发工作更加高效。希望本文对大家的使用有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056cba81e8991b448e6289