Express Cookie詳解

一、什麼是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來管理用戶的狀態、提高網站訪問速度和安全性。