一、关于Cookie

在我们关闭一个登录过的网址并重新打开它后,我们的登录信息并没有丢失;在我们浏览了商品后历史记录里出现了我们浏览过的商品;在我们返回到网站首页后,系统已为我们推荐了相似的商品;这些是如何做到的呢?对,通过Cookie。世界上没有黑魔法,程序里面也没有黑魔法,事实上只要我们在浏览器中进行过某类操作后,浏览器会将我们的操作信息保存到cookie中。简而言之,cookie就是储存在用户本地终端(浏览器)上的数据。

Cookie的特点

  • cookie保存在浏览器本地,只要不过期关闭浏览器也不会消失。
  • 正常情况下cookie不加密,用户可轻松看到
  • 用户可以删除或者禁用cookie
  • cookie可以被篡改
  • cookie可用于攻击
  • cookie存储量很小,正常情况下最大容量限制是4k
  • 发送请求自动带上会自动携带Cookie中的信息(基于http协议约定的)

二、Cookie的安装及使用

1.安装

如果使用express脚手架创建项目,项目中默认已经包含了cookie组件,如果没有,可以使用命令安装

  1. cnpm install cookie-parser --save

2.使用cookie

将cookie作为中间件使用

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

3.设置cookie

语法:res.cookie(name,value[,options])

  1. app.get('/login',(req,res,next)=>{
  2. //登录成功后,在cookie中添加isLogin,过期时间为30分钟
  3. res.cookie('isLogin','true',{maxAge:30*60*1000})
  4. })

关于设置cookie的参数(options)说明:

  1. domain: 域名
  2. name=value:键值对,可以设置要保存的 Key/Value,注意这里的 name 不能和其他属性项的名字一样
  3. Expires: 过期时间(秒),在设置的某个时间点后该 Cookie 就会失效,如 expires=Wednesday, 09-Nov-99 23:12:40 GMT。
  4. maxAge: 最大失效时间(毫秒),设置在多少后失效 。
  5. secure: 当 secure 值为 true 时,cookie 在 HTTP 中是无效,在 HTTPS 中才有效 。
  6. Path: 表示 在那个路由下可以访问到cookie。
  7. httpOnly:是微软对 COOKIE 做的扩展。如果在 COOKIE 中设置了“httpOnly”属性,则通过程序(JS 脚本、applet 等)将无法读取到COOKIE 信息,防止 XSS 攻击的产生 。
  8. singed:表示是否签名cookie, 设为true 会对这个 cookie 签名,这样就需要用 res.signedCookies 而不是 res.cookies 访问它。被篡改的签名 cookie 会被服务器拒绝,并且 cookie 值会重置为它的原始值。

4.获取cookie

  1. app.get('/isLogin',(req,res,next)=>{
  2. let isLogin = req.cookies.isLogin;
  3. console.log(isLogin)
  4. res.send("isLogin:" + isLogin)
  5. })

5.基础实例完整代码

当访问/login路由后会在cookie中设置isLogin=true,当访问/isLogin路由后会获取到设置的isLogin值。在其他标签页面继续获取访问/isLogin也可以获取cookie

  1. var express = require('express');
  2. var app = express();
  3. //引入cookie
  4. var cookieParser = require('cookie-parser')
  5. //以中间件的形式使用cookie
  6. app.use(cookieParser())
  7. app.get('/login',(req,res,next)=>{
  8. //设置cookie, 过期时间为30分钟
  9. res.cookie('isLogin','true',{maxAge:30*60*1000})
  10. })
  11. app.get('/isLogin',(req,res,next)=>{
  12. //获取cookie
  13. let isLogin = req.cookies.isLogin;
  14. console.log(isLogin)
  15. res.send("isLogin:" + (isLogin ? true : false))
  16. })
  17. module.exports = app;

546546465464656465.gif

三、多个二级域名共享cookie

只需修改res.cookie中option对象的配置,即可实现多个二级域名的cookie共享

  1. res.cookie('token',token,{maxAge:30*60*1000,domain:'giteasy.cn'})
  2. //关键配置domain:'giteasy.cn'

测试

1. 配置hosts文件

  1. # 测试环境
  2. 127.0.0.1 aaa.giteasy.cn
  3. 127.0.0.1 bbb.giteasy.cn

2.app.js

  1. var express = require('express');
  2. var app = express();
  3. var cookieParser = require('cookie-parser')
  4. app.use(cookieParser())
  5. app.get('/set',(req,res,next)=>{
  6. let token = '318514ae-83b9-47ab-947a-86f828b391e9';
  7. res.cookie('token',token,{maxAge:30*60*1000,domain:'giteasy.cn'})
  8. res.send('success')
  9. })
  10. app.get('/get',(req,res,next)=>{
  11. let token = req.cookies.token;
  12. console.log(token)
  13. res.send("token:" + (token || 'null'))
  14. })
  15. module.exports = app;

可以看到,不同的二级域名也能访问到相同的cookie,只要满足giteasy.cn这个顶级域名就行。
202007282219.gif