Node.js开发-会话控制-Toy模板网

这篇具有很好参考价值的文章主要介绍了Node.js开发-会话控制。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

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文章来源地址https://www.toymoban.com/news/detail-829477.html

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);
});