一、介绍
所谓会话控制就是
对会话进行控制
HTTP
是一种无状态的协议,它没办法区分多次的请求是否来自于同一个客户端,
无法区分用户
而产品中又大量存在的这样的需求,所以我们需要通过
会话控制
来解决该问题
常见的会话控制技术有三种:
- cookie //会在浏览器关闭的时候, 销毁
- session //类似cookie的加强版会在浏览器关闭的时候, 销毁
- token
二、cookie
2.1 cookie 是什么
cookie
是
HTTP
服务器发送到用户浏览器并保存在本地的一小块数据
cookie
是保存在浏览器端的一小块数据
cookie
是按照域名划分保存的
2.2 cookie
的特点
浏览器向服务器发送请求时,会自动将
当前域名下
可用的
cookie
设置在请求头中,然后传递给服务器
2.3 cookie
的代码操作
express
中可以使用
cookie
-
parser
进行处理
cookie会在浏览器关闭的时候, 销毁
const express = require("express");
//1. 安装 cookie-parser npm i cookie-parser
//2. 引入 cookieParser 包
const cookieParser = require("cookie-parser");
const app = express();
//3. 设置 cookieParser 中间件
app.use(cookieParser());
//4-1 设置 cookie
app.get("/set-cookie", (request, response) => {
// 不带时效性
response.cookie("username", "wangwu"); // 会在浏览器关闭的时候, 销毁
// 带时效性
response.cookie("email", "123456789@qq.com", { maxAge: 5 * 60 * 1000 }); //单位毫秒
//响应
response.send("Cookie的设置");
});
//4-2 读取 cookie
app.get("/get-cookie", (request, response) => {
//读取 cookie
console.log(request.cookies);
//响应体
response.send("Cookie的读取");
});
//4-3 删除cookie
app.get("/delete-cookie", (request, response) => {
//删除
response.clearCookie("username");
//响应
response.send("cookie 的清除");
});
//4. 启动服务
app.listen(3000, () => {
console.log("服务已经启动....");
});
不同浏览器中的 cookie 是相互独立的,不共享
三、session
3.1 session 是什么
session
是保存在
服务器端的一块儿数据
,保存当前访问用户的相关信息
3.2 session 的作用
实现会话控制,可以识别用户的身份,快速获取当前用户的相关信息
3.3 session 运行流程
填写账号和密码校验身份,校验通过后创建
session
信息
,然后将
session_id
的值通过响应头返回给浏览器
![](https://i-blog.csdnimg.cn/blog_migrate/a7fc3b42197d99f7978489fe5f3d832f.png)
有了
cookie
,下次发送请求时会自动携带
cookie
,服务器通过
cookie
中的
session_id
的值确定用
户的身份
![](https://i-blog.csdnimg.cn/blog_migrate/5d53900f5e8123e8440b27e8a4b52c9c.png)
3.4 session 的代码操作
express
中可以使用
express
-
session
对
session
进行操作
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 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/project", //数据库的连接配置,把sesion信息存在对应的数据库里面
}),
cookie: {
httpOnly: true, // 开启后,前端无法通过 JS 操作拿到这个存放在cookie的session值
maxAge: 1000 * 300, // 这一条 是控制 sessionID 的过期时间的!!!
},
})
);
//创建 session
app.get("/login", (req, res) => {
//设置session
req.session.username = "zhangsan";
req.session.email = "zhangsan@qq.com";
res.send("登录成功");
});
//获取 session
app.get("/home", (req, res) => {
console.log("session的信息");
console.log(req.session.username);
if (req.session.username) {
res.send(`你好 ${req.session.username}`);
} else {
res.send("登录 注册");
}
});
//销毁 session
app.get("/logout", (req, res) => {
//销毁session
// res.send('设置session');
req.session.destroy(() => {
res.send("成功退出");
});
});
//监听端口, 启动服务
app.listen(3000, () => {
console.log("服务已经启动, 端口 3000 正在监听中....");
});
3.5 session 和 cookie 的区别
cookie 和 session 的区别主要有如下几点:1. 存在的位置cookie :浏览器端session :服务端2. 安全性cookie 是以明文的方式存放在客户端的,安全性相对较低session 存放于服务器中,所以安全性 相对 较好3. 网络传输量cookie 设置内容过多会增大报文体积, 会影响传输效率session 数据存储在服务器,只是通过 cookie 传递 id ,所以不影响传输效率4. 存储限制浏览器限制单个 cookie 保存的数据不能超过 4K ,且单个域名下的存储数量也有限制session 数据存储在服务器中,所以没有这些限制
五、token
5.1 token 是什么
token
是服务端生成并返回给
HTTP
客户端的一串加密字符串,
token
中保存着
用户信息
5.2 token 的作用
实现会话控制,可以识别用户的身份,主要用于移动端
APP
5.3 token 的工作流程
填写账号和密码校验身份,校验通过后响应
token
,
token
一般是在响应体中返回给客户端的
![](https://i-blog.csdnimg.cn/blog_migrate/19aa0882351af5bcb8e34ca98979185a.png)
后续发送请求时,需要手动将
token
添加在请求报文中,一般是放在请求头中
![](https://i-blog.csdnimg.cn/blog_migrate/8cc1e9c3e552889b6e28eb40593c9ae3.png)
5.4 token 的特点
- 服务端压力更小
- 数据存储在客户端
- 相对更安全
- 数据加密
- 可以避免 CSRF(跨站请求伪造)
- 扩展性更强
- 服务间可以共享
- 增加服务节点更简单
5.5 JWT
JWT
(
JSON Web Token
)是目前最流行的跨域认证解决方案,可用于基于
token
的身份验证
JWT
使
token
的生成与校验更规范
我们可以使用
jsonwebtoken
包
来操作
token
//导入 jsonwebtokan --> npm i jsonwebtoken --save
const jwt = require('jsonwebtoken');
//创建 token
// jwt.sign(数据, 加密字符串, 配置对象)
let token = jwt.sign({
username: 'zhangsan'
}, 'test', {
expiresIn: 60 //单位是 秒
})
//解析 token
jwt.verify(token, 'test', (err, data) => {
if(err){
console.log('校验失败~~');
return
}
console.log(data);
})
扩展阅读: https://www.ruanyifeng.com/blog/2018/07/json_web_token-tutorial.html
5.5 token在express的使用
5.5.1 在登录或者注册时创建token,返回给前端
下面express例子,是在登录接口模块展示:
(1)在项目中的models(存放文档类型,类似ts模块)文件夹下 新建文档UserModel.js,定义登录接口的数据类型:
文档 UserModel.js代码如下:
//导入 mongoose
const mongoose = require('mongoose');
//创建文档的结构对象
//设置集合中文档的属性以及属性值的类型
let UserSchema = new mongoose.Schema({
//标题
username: String,
password: String
});
//创建模型对象 对文档操作的封装对象 数据库的表名为users
let UserModel = mongoose.model('users', UserSchema);
//暴露模型对象
module.exports = UserModel;
(2)在登录接口模块,核对账号信息,生成token,返回数据
接口文档 UserModel.js代码如下:
var express = require("express");
var router = express.Router();
//导入 jwt --> npm i jsonwebtoken --save
const jwt = require("jsonwebtoken");
//导入配置文件
const { secret } = require("../../config/config"); //获取加密字段,自定义字符串
//导入 用户的模型
const UserModel = require("../../models/UserModel");
// 导入md5加密--》 npm install md5 --save
const md5 = require("md5");
//登录操作
router.post("/login", (req, res) => {
//获取用户名和密码
let { username, password } = req.body;
//查询数据库
UserModel.findOne({ username: username, password: md5(password) })
.then((data) => {
//判断 data
if (!data) {
return res.json({
code: "2002",
msg: "用户名或密码错误~~~",
data: null,
});
}
//创建当前用户的 token
let token = jwt.sign(
{
username: data.username,
_id: data._id,
},
secret,
{
expiresIn: 60 * 60 * 24 * 7,
}
);
/*
这里有需要的,可以把tolen存储进对应数据库
*/
//响应 token
res.json({
code: "0000",
msg: "登录成功",
data: token,
});
})
.catch((err) => {
//判断
if (err) {
res.json({
code: "2001",
msg: "数据库读取失败~~~",
data: null,
});
return;
}
});
});
//退出登录
router.post("/logout", (req, res) => {
//销毁 tolen 删除数据库该token值
res.render("success", { msg: "退出成功", url: "/login" });
});
module.exports = router;
5.5.2 在登录或者注册后,每个接口进行token检验
在项目中 新建文件夹 middlewares (存放所有中间件)
在文件夹下新建文档 checkTokenMiddleware.js 封装好读取token的中间件
文档 checkTokenMiddleware.js代码如下:
// token 中间件
//导入 jwt --> npm i jsonwebtoken --save
const jwt = require("jsonwebtoken");
//读取配置项
const { secret } = require("../config/config"); //获取加密字段,自定义字符串
//声明中间件
module.exports = (req, res, next) => {
//获取 token
let token = req.get("token");
//判断
if (!token) {
return res.json({
code: "2003",
msg: "token 缺失",
data: null,
});
}
//校验 token secret是自定义字符串
jwt.verify(token, secret, (err, data) => {
//检测 token 是否正确
if (err) {
return res.json({
code: "2004",
msg: "token 校验失败~~",
data: null,
});
}
//保存用户的信息
req.user = data; // req.session req.body
//如果 token 校验成功
next();
});
};
在需要token校验的路由模块,引入中间件 进行校验,通过才会走下面的接口数据逻辑