Node.js开发-会话控制

会话控制

• 1) 介绍 介绍)
• 2) cookie cookie)
• 3) session session)
• 4) session 和 cookie 的区别 session 和 cookie 的区别)
• 5) token token)

1) 介绍

所谓会话控制就是 对会话进行控制

HTTP 是一种无状态的协议，它没有办法区分多次的请求是否来自于同一个客户端， 无法区分用户

而产品中又大量存在的这样的需求，所以我们需要通过 会话控制 来解决该问题

常见的会话控制技术有三种：

• cookie

• session

• token

2) cookie

cookie 是什么

cookie 是 HTTP 服务器发送到用户浏览器并保存在本地的一小块数据

• cookie 是保存在浏览器端的一小块数据
• cookie 是按照域名划分保存的

简单示例：

域名	cookie
www.baidu.com	a=100; b=200
www.bilibili.com	xid=1020abce121; hm=112411213
jd.com	x=100; ocw=12414cce

cookie 的特点

浏览器向服务器发送请求时，会自动将 当前域名下 可用的 cookie 设置在请求头中，然后传递给服务器

这个请求头的名字也叫 cookie ，所以将 cookie 理解为一个 HTTP 的请求头也是可以的

cookie 的代码操作

express 中可以使用 cookie-parser 进行处理

//导入express
const express = require("express");
const cookieParser = require("cookie-parser");

const app = express();
app.use(cookieParser());

app.get("/set-cookie", (req, res) => {
    //res.cookie("name", "zhangsan"); // 会在浏览器关闭时销毁
    res.cookie("name", "lisi", {maxAge: 60 * 1000});
    res.cookie("theme", "blue");
    res.send("home");
});

app.get("/remove-cookie", (req, res) => {
    res.clearCookie("name");
    res.send("remove success");
});

// get cookie
app.get("/get-cookie", (req, res) => {
    console.log(req.cookies);
    res.send(`Welcome ${req.cookies.name}`);
});

app.listen(3000);

3) session

session 是什么

session 是保存在 服务器端的一块数据 ，保存当前访问用户的相关信息

session 的作用

实现会话控制，可以识别用户的身份，快速获取当前用户的相关信息

session 运行流程

填写账号和密码校验身份，校验通过后创建 session 信息 ，然后将 session_id 的值通过响应头返回给浏览器

有了 cookie，下次发送请求时会自动携带 cookie，服务器通过 cookie 中的 session_id 的值确定用户的身份

session 的代码操作

express 中可以使用 express-session 对 session 进行操作

//导入express
const express = require("express");
//1. 安装包 npm i express-session connect-mongo
//2. 引入 express-session connect-mongo
const session = require("express-session");
const MongoStore = require('connect-mongo');
const e = require("express");

const app = express();

//3. 设置 session 的中间件
app.use(session({
    name: 'sid', //设置cookie的name，默认值是：connect.sid
    secret: 'atguigu', //参与加密的字符串（又称签名）加盐
    saveUninitialized: false, //是否为每次请求都设置一个cookie用来存储session的id
    resave: true, //是否在每次请求时重新保存session
    store: MongoStore.create({
        mongoUrl: 'mongodb://127.0.0.1:27017/bilibili' //数据库的连接配置
    }),
    cookie: {
        httpOnly: true, // 开启后前端无法通过 JS 操作
        maxAge: 1000 * 60 * 5 // 这一条 是控制 sessionID 的过期时间的！！！
    },
}))

app.get("/", (req, res) => {
    res.send("home");
});

// 设置 session
app.get("/login", (req, res) => {
    // username=admin&password=admin
    if(req.query.username === 'admin' && req.query.password === 'admin'){ 
        // 设置 session
        req.session.username = 'admin';
        req.session.sid = '1234rtgfds';
        res.send("登录成功");
    }
});

// session读取
app.get("/cart", (req, res) => {
    // 检测session
    if (req.session.username){
        res.send(`Welcome ${req.session.username}`);
    } else {
        res.send("请先登录");
    }
});

// session销毁
app.get("/logout", (req, res) => {
    req.session.destroy(() => {
        res.send("退出成功");
    });
});

app.listen(3000);

4) session 和 cookie 的区别

cookie 和 session 的区别主要有如下几点：

1.存在的位置

• cookie：浏览器端
• session：服务端

2.安全性

• cookie 是以明文的方式存放在客户端的，安全性相对较低
• session 存放于服务器中，所以安全性 相对 较好

3.网络传输量

• cookie 设置内容过多会增大报文体积， 会影响传输效率
• session 数据存储在服务器，只是通过 cookie 传递 id，所以不影响传输效率

4.存储限制

• 浏览器限制单个 cookie 保存的数据不能超过 4K ，且单个域名下的存储数量也有限制
• session 数据存储在服务器中，所以没有这些限制

5) token

token 是什么

token 是服务端生成并返回给 HTTP 客户端的一串加密字符串， token 中保存着 用户信息

token 的作用

实现会话控制，可以识别用户的身份，主要用于移动端 APP

token 的工作流程

填写账号和密码校验身份，校验通过后响应 token，token 一般是在响应体中返回给客户端的

后续发送请求时，需要手动将 token 添加在请求报文中，一般是放在请求头中

token 的特点

• 服务端压力更小
  • 数据存储在客户端
• 相对更安全
  • 数据加密
  • 可以避免 CSRF（跨站请求伪造）
• 扩展性更强
  • 服务间可以共享
  • 增加服务节点更简单

JWT

JWT（JSON Web Token ）是目前最流行的跨域认证解决方案，可用于基于 token 的身份验证

JWT 使 token 的生成与校验更规范

可以使用 jsonwebtoken 包 来操作 token

const jwt = require('jsonwebtoken');

// 生成/创建 token
// let token = jwt.sign(用户数据，加密字符串， 配置对象);
let token = jwt.sign({
    username: 'zhangsan',
}, 'atguigu', {
    expiresIn: 60 // 单位是秒
});

console.log(token);

// 校验 token
let t = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VybmFtZSI6InpoYW5nc2FuIiwiaWF0IjoxNzA3NzMxMDgyLCJleHAiOjE3MDc3MzExNDJ9.gyRxrxatBBL89twd5FYfrfNKYQ98d00NuwnnnF2_iNg";
jwt.verify(t, 'atguigu', (err, data) => {
    if (err) {
        console.log('token 验证失败');
        return;
    }
    console.log('token 验证成功');
    console.log(data);
});