什麼是 Cookie？
Cookie 是由伺服器生成的小文字檔案，儲存在使用者的瀏覽器中，用於儲存使用者的狀態資訊。Cookie 允許伺服器在多個請求中識別使用者，從而提供個性化的體驗。
Cookie 的構成部分
一個 Cookie 通常包含以下幾個重要部分：
名稱（Name） ：Cookie 的名稱，用於唯一標識。
值（Value） ：Cookie 的內容，通常是與名稱相關的資料。
過期時間（Expires/Max-Age） ：定義 Cookie 的有效期。過期後，瀏覽器將刪除該 Cookie。
路徑（Path） ：指定 Cookie 可用的 URL 路徑，預設是建立 Cookie 的路徑。
域（Domain） ：指定可以訪問該 Cookie 的域名，通常是伺服器的域名。
安全標誌（Secure） ：如果設定了這個標誌，Cookie 只會透過 HTTPS 連線傳輸。
HttpOnly：如果設定了這個標誌，Cookie 只能被 HTTP 協議訪問，JavaScript 無法訪問，增加了安全性。
SameSite：用於控制跨站請求是否傳送 Cookie，有助於防止 CSRF 攻擊。
示例程式碼
下面是一個使用 JavaScript 設定 Cookie 的簡單示例：
function setCookie(name, value, days) {
let expires = "";
if (days) {
const date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
expires = "; expires=" + date.toUTCString();
}
document.cookie = name + "=" + (value || "") + expires + "; path=/; secure; HttpOnly; SameSite=Strict";
}
// 使用示例
setCookie("username", "JohnDoe", 7); // 設定一個有效期為7天的Cookie
使用場景
使用者身份驗證：Cookie 常用於儲存使用者的登入狀態，允許使用者在多次請求中保持登入。例如，設定一個標誌 Cookie，表明使用者已經登入。
使用者偏好設定：網站可以使用 Cookie 儲存使用者的偏好設定，如語言選擇、主題樣式等，提升使用者體驗。
購物車功能：在電商網站中，可以使用 Cookie 來儲存使用者的購物車資訊，確保即使使用者離開頁面，購物車中的商品依然存在。
跟蹤和分析：Cookie 可以用於使用者行為跟蹤，幫助網站分析流量和使用者行為，從而最佳化網站內容和佈局。
注意事項
隱私問題：Cookie 儲存用戶數據，開發者需要遵循相關的隱私政策和法律法規（如 GDPR）。
大小限制：每個 Cookie 的大小通常不能超過 4KB，因此不適合儲存大量資料。
數量限制：每個域名下可儲存的 Cookie 數量有限，通常為 20 個。
結論
Cookie 是一種強大的工具，可以幫助開發者為使用者提供個性化的體驗。然而，開發者需要妥善管理 Cookie 的使用，確保遵循隱私法規並保持用戶數據的安全。透過合理的 Cookie 使用，網站能夠提高使用者滿意度和忠誠度。
作者：不愛說話郭德綱
連結：https://juejin.cn/post/7433021185108443176
