一、Cookie 簡介

● cookie 是存儲于訪問者的計算機中的變量。可以讓我們用同一個瀏覽器訪問同一個域 名的時候共享數據。

● HTTP 是無狀態協議。簡單地說，當你瀏覽了一個頁面，然后轉到同一個網站的另一個頁 面，服務器無法認識到這是同一個瀏覽器在訪問同一個網站。每一次的訪問，都是沒有任何 關系的。

● Cookie 是一個簡單到爆的想法：當訪問一個頁面的時候，服務器在下行 HTTP 報文中， 命令瀏覽器存儲一個字符串; 瀏覽器再訪問同一個域的時候，將把這個字符串攜帶到上行 HTTP 請求中。第一次訪問一個服務器，不可能攜帶 cookie。 必須是服務器得到這次請求， 在下行響應報頭中，攜帶 cookie 信息，此后每一次瀏覽器往這個服務器發出的請求，都會 攜帶這個 cookie。

二、Cookie 特點

● cookie 保存在瀏覽器本地
● 正常設置的 cookie 是不加密的，用戶可以自由看到;
● 用戶可以刪除 cookie，或者禁用它
● cookie 可以被篡改
● cookie 可以用于攻擊
● cookie 存儲量很小。未來實際上要被 localStorage 替代，但是后者 IE9 兼容。

三、Cookie 的使用

Express 中要使用 Cookie 的話，我們需要使用 cookie-parser 模塊來實現

安裝 cnpm instlal cookie-parser --save

引入
var cookieParser = require(‘cookie-parser’);

設置中間件
app.use(cookieParser());

設置
cookie res.cookie(“name”,‘zhangsan’,{maxAge: 900000, httpOnly: true});

獲取
cookie req.cookies.name

Cookie 屬性說明

設置 cookie 的幾種方法

res.cookie('rememberme', '1', { maxAge: 900000, httpOnly: true }) res.cookie('name', 'tobi', { domain: '.example.com', path: '/admin', secure: true }); res.cookie('rememberme', '1', { expires: new Date(Date.now() + 900000), httpOnly: true });

獲取 cookie

req.cookies.name

刪除cookie

res.cookie('rememberme', '', { expires: new Date(0)}); res.cookie('username','zhangsan',{domain:'.ccc.com',maxAge:0,httpOnly:true});

四、加密 Cookie

配置中間件的時候需要傳參

var cookieParser = require('cookie-parser'); app.use(cookieParser('123456'));

設置 cookie 的時候配置 signed 屬性

res.cookie('userinfo','hahaha',{domain:'.ccc.com',maxAge:900000,httpOnly:true,signed:true});

signedCookies 調用設置的 cookie

console.log(req.signedCookies) const express = require("express") const ejs = require("ejs") const bodyParser = require("body-parser") var cookieParser = require('cookie-parser') const app = new express()// 配置模板引擎 app.engine("html", ejs.__express) app.set("view engine", "html")// 配置靜態web目錄 app.use(express.static("static"))// 配置第三方中間件 app.use(bodyParser.urlencoded({ extended: false })) app.use(bodyParser.json()) // 配置cookieParser中間件 app.use(cookieParser("zep"))app.get("/", (req, res)=> {// 設置cookie 如果cookie沒有過期的話，關閉瀏覽器后重新打開，cookie仍然還在，不會被銷毀res.cookie("username", "張三", {maxAge: 1000*60*60,signed: true})res.send("首頁") })app.get("/article", (req, res) => {// 獲取cookielet username = req.cookies.usernameconsole.log(username)res.send("新聞頁面--" + username) })app.get("/user", (req, res) => {// 獲取加密的cookielet username = req.signedCookies.usernameres.send("用戶頁面--" + username) })app.get("/login", (req, res)=> {console.log(req.query)res.render("login.html",{}) })app.post("/doLogin", (req, res)=> {var body = req.bodyconsole.log(body)res.send("執行提交") })app.listen(3000)

總結

以上是生活随笔為你收集整理的Express Cookie 的基本使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。