Express Cookie详解

OSTOF • 2025-02-05 13:05 • 编程

一、什么是Express Cookie

Express Cookie是基于Node.js平台的Express框架提供的一个Cookie组件，用于在客户端和服务端之间传递数据。它可以将一些重要的数据存储在客户端浏览器上，随着浏览器的关闭、打开，这些数据还会存在，不会失效。在下一次访问该站点时，这些数据将会被重新读取。

在Express框架中，我们可以通过以下代码安装Cookie组件：

npm install cookie-parser

接着，我们就可以在后台代码中调用Cookie组件来设置和读取客户端的Cookie值。

二、设置和读取Cookie

通过调用Cookie组件设置和读取Cookie值非常简单，下面是一个设置和读取Cookie值的实例。

const express = require('express');
const cookieParser = require('cookie-parser'); // 引入cookie-parser

const app = express();
app.use(cookieParser()); // 使用cookie-parser进行解析

app.get('/', (req, res) => {
  // 设置Cookie
  res.cookie('username', 'expresscookie', { maxAge: 900000, httpOnly: true });

  // 读取Cookie
  let username = req.cookie.username;
  
  res.end('Hello ' + username); // 将用户名输出到页面上
});

app.listen(3000, () => console.log('服务器已启动'));

上面的例子中，我们使用了res.cookie方法来设置了一个cookie，用于存储用户名。maxAge参数设置了这个cookie的有效期，单位是毫秒；httpOnly参数设置了这个cookie只能通过http协议来传输，不能通过客户端脚本来访问，这个参数是一个安全性的设置。

接着，在请求处理函数中，我们使用了req.cookie方法来读取存储的用户名，并将用户名输出到页面上。

三、删除Cookie

使用Cookie组件还可以删除Cookie值，代码如下所示：

app.get('/delete', (req, res) => {
  // 删除Cookie
  res.clearCookie('username');
  
  res.end('Delete cookie successfully!');
});

上面代码中，我们使用了res.clearCookie方法来清除当前用户的username cookie值。

四、Cookie的安全性

在使用Cookie的时候，我们要注意Cookie的安全性问题，避免一些不必要的安全漏洞。

首先，我们在设置Cookie值的时候一定要设置httpOnly参数为true，避免Cookie信息被JavaScript脚本获取。

res.cookie('username', 'expresscookie', { maxAge: 900000, httpOnly: true });

另外，我们在设置Cookie值时，一定要使用签名方式来防止Cookie的篡改。

我们可以使用express框架中提供的签名方式来防止Cookie的篡改。示例如下所示：

const express = require('express');
const cookieParser = require('cookie-parser');

const app = express();

// 设置cookie签名
app.use(cookieParser('express cookie secret'));

// 设置cookie
app.get('/', (req, res) => {
  res.cookie('username', 'expresscookie', { maxAge: 900000, httpOnly: true, signed: true });
  
  res.send('Hello');
});

// 获取cookie
app.get('/get', (req, res) => {
  console.log(req.signedCookies);
  
  res.send('Get cookie successfully!');
});

app.listen(3000, () => console.log('服务器已启动'));

上面的代码中，我们使用了signed参数来设置了一个签名的Cookie。在获取Cookie值时，也需要使用req.signedCookies属性来获取签名的Cookie值。这种方式是比较安全的Cookie设置方式。

五、总结

本文主要介绍了Express框架的Cookie组件——Express Cookie。我们通过实例演示了如何在Express框架中使用Cookie组件来设置、读取和删除Cookie，同时讲解了Cookie在安全性方面需要注意的问题。

通过本文的学习，相信大家已经掌握了在Express框架中使用Cookie组件的方法和技巧，能够更好地应用Cookie来管理用户的状态、提高网站访问速度和安全性。

原创文章，作者：OSTOF，如若转载，请注明出处：https://www.506064.com/n/334761.html