第十二章：会话控制

news2024/10/5 19:05:59

会话控制

文章目录

  • 会话控制
    • 一、介绍
    • 二、cookie
      • 2.1 cookie 是什么
      • 2.2 cookie 的特点
      • 2.3 cookie 的运行流程
      • 2.4 浏览器操作 cookie
      • 2.5 cookie 的代码操作
        • （1）设置 cookie
        • （2）读取 cookie
        • （3）删除 cookie
    • 三、session
      • 3.1 session 是什么
      • 3.2 session 的作用
      • 3.3 session 运行流程
      • 3.4 session 的代码操作
        • （1）express-session 的安装与配置
        • （2）express 中 session 操作
    • 四、session 和 cookie 的区别
    • 五、token
      • 5.1 token 是什么
      • 5.2 token 的作用
      • 5.3 token 的工作流程
      • 5.4 token 的特点
      • 5.5 JWT
    • 六、附录
      • 6.1 本地域名
      • 6.2 修改域名
        • （1）操作流程
        • （2）原理

一、介绍

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

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

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

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

  • cookie
  • session
  • token

二、cookie

2.1 cookie 是什么

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

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

简单示例：

域名cookie
www.baidu.coma=100;b=200
www.bilibili.comxid=1020abce121;hm=112411213
jd.comx=100;ocw=12414cce

2.2 cookie 的特点

  • 浏览器向服务器发送请求时，会自动将 当前域名下 可用的 cookie 设置在请求头中，然后传递给服务器
  • 这个请求头的名字也叫 cookie，所以将 cookie 理解为一个 HTTP 的请求头也是可以的

2.3 cookie 的运行流程

  1. 填写账号和密码校验身份，校验通过后下发 cookie

    服务器响应发cookie

  2. 有了 cookie 之后，后续再向服务器发生请求时，就会自动携带 cookie

    再次请求时携带cookie

2.4 浏览器操作 cookie

浏览器对 cookie 的操作，使用相对较少，了解即可

  1. 禁用所有 cookie
  2. 删除 cookie
  3. 查看 cookie

不同浏览器中的 cookie 是相互独立的，不共享

2.5 cookie 的代码操作

（1）设置 cookie

  • 不带时效性（会在浏览器关闭的时候，销毁）

    res.cookie('键名', '键值')

  • 带时效性（通过 maxAge 设置 cookie 的存活时间，单位是毫秒）

    // n 是一个数字，表示 n 毫秒
res.cookie('键名', '键值', {maxAge: n})

  • 代码示例：

    // 导入 express
const express = require('express')

// 创建应用对象
const app = express()

// 设置 cookie
app.get('/set-cookie', (req, res) => {
    // 不带时效性（会在浏览器关闭的时候，销毁）
    res.cookie('name', 'zhangsan')
    // 带时效性（通过 maxAge 设置 cookie 存活的时间，单位是毫秒）
    res.cookie('name', 'lisi', {maxAge: 30000})
    res.send('Cookie的设置')
})

// 启动服务
app.listen(3000)
（2）读取 cookie

  1. 首先安装一个工具包 cookie-parser

    npm i cookie-parser

  2. 导入并使用 cookie-parser

    // 导入 cookie-parser（其实就是一个中间件）
const cookieParser = require('cookie-parser')

// 设置 cookieParser 中间件
app.use(cookieParser())

  3. 使用 req.cookies 来读取 cookie。代码示例：

    // 导入 express
const express = require('express')
// 安装 cookie-parser       npm i cookie-parser
// 导入 cookie-parser（其实就是一个中间件）
const cookieParser = require('cookie-parser')

// 创建应用对象
const app = express()
// 设置 cookieParser 中间件
app.use(cookieParser())

// 读取 cookie（要实现该效果，要安装一个工具包 cookie-parser）
app.get('/get-cookie', (req, res) => {
    console.log(req.cookies)
    res.send('cookie的读取')
})

// 启动服务
app.listen(3000)
（3）删除 cookie

  • 实现删除 cookie 只需要调用 clearCookie 方法即可

    res.clearCookie('键名')

  • 代码示例：

    // 导入 express
const express = require('express')

// 创建应用对象
const app = express()

// 删除 cookie
app.get('/remove-cookie', (req, res) => {
    // 调用方法
    res.clearCookie('name')
    res.send('cookie的删除')
})

// 启动服务
app.listen(3000)

三、session

3.1 session 是什么

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

3.2 session 的作用

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

3.3 session 运行流程

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

    返回session_id

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

    通过session_id确定用户身份

3.4 session 的代码操作

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

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

// 设置 session
app.get('/login', (req, res) => {
    if(req.query.username === 'admin' && req.query.password === '123456') {
        // 设置 session 信息
        req.session.username = 'admin'
        req.session.uid = '25gtf414g9u8o'
        res.send('登录成功')
    }else {
        res.send('登录失败')
    }
})

// 启动服务 
app.listen(3000)
  • 获取 session
// 导入 express
const express = require('express')
// 导入 express-session connect-mongo
const session = require('express-session')
const MongoStore = require('connect-mongo')

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

// 获取 session
app.get('/cart', (req, res) => {
    console.log(req.session.uid)
    if(req.session.username) {
        res.send(`购物车页面，欢迎${req.session.username}登录`)
    }else {
        res.send('登录失败')
    }
})

// 启动服务 
app.listen(3000)
  • 销毁 session
// 导入 express
const express = require('express')
// 导入 express-session connect-mongo
const session = require('express-session')
const MongoStore = require('connect-mongo')

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

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

// 启动服务 
app.listen(3000)

四、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 的工作流程

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

    响应token

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

    添加token到请求报文中

5.4 token 的特点

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

5.5 JWT

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

JWT 使 token 的生成与校验更规范，我们可以使用 jsonwebtoken 包 来操作token

  1. 安装 jsonwebtoken 包

    npm i jsonwebtoken

  2. 代码示例：

    // 导入 jwt
const jwt = require('jsonwebtoken')

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

console.log(token)

// 校验token
// jwt.verify(token, 加密字符串, 回调函数)
jwt.verify(token, 'yuwenkai', (err, data) => {
    if(err) {
        console.log('校验失败！')
        return
    }
    console.log(data)
})

扩展阅读：JSON Web Token 入门教程

六、附录

6.1 本地域名

所谓本地域名就是 只能在本机使用的域名，一般在开发阶段使用

6.2 修改域名

我们可以通过对 hosts 文件进行修改本地域名

（1）操作流程

编辑文件 C:\Windows\System32\drivers\etc\hosts

127.0.0.1		www.ywk.com

如果修改失败，可以修改该文件的权限

修改文件权限

（2）原理

在地址栏输入 域名 之后，浏览器会先进行 DNS（Domain Name System）查询，获取该域名对应的 IP 地址

请求会发送到 DNS 服务器，可以 根据域名返回 IP 地址

可以通过 ipconfig /all 查看本机的 DNS 服务器

hosts 文件也可以设置域名与 IP 的映射关系，在发送请求前，可以通过该文件获取域名的 IP 地址

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1836665.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

使用 Web Serial API 在浏览器中实现串口通讯（纯前端）

使用 Web Serial API 在浏览器中实现串口通讯（纯前端）

文章目录 目的相关资料使用说明代码与演示总结 目的 串口是非常常用的一种电脑与设备交互的接口。目前在浏览器上直接使用电脑上的串口设备了，这篇文章将介绍相关内容。 相关资料 Web Serial API 相关内容参考如下： https://developer.mozilla.org/en…
阅读更多...
【Java面试】二十、JVM篇（上）：JVM结构

【Java面试】二十、JVM篇（上）：JVM结构

文章目录 1、JVM2、程序计数器3、堆4、栈4.1 垃圾回收是否涉及栈内存4.2 栈内存分配越大越好吗4.3 方法内的局部变量是否线程安全吗4.4 栈内存溢出的情况4.5 堆和栈的区别是什么 5、方法区5.1 常量池5.2 运行时常量池 6、直接内存 1、JVM Java源码编译成class字节码后&#xf…
阅读更多...
七大黄金原油短线操作技巧与方法

七大黄金原油短线操作技巧与方法

1、研究K线组合 K线组合是几个交易日K线的衔接和联系，它无法掩饰地透露着黄金价格运行趋势的某种征兆。研究K线组合的深刻蕴含，感知其内在动意，把握黄金价格上涨征兆，可以大大提高上涨的概率。其实对许多诸如“强势整理”、“突破…
阅读更多...
管道(channel)入门

管道(channel)入门

管道（Channel） 1、管道本质就是一个数据结构-队列 2、数据是先进先出 3、自身线程安全，多协程访问时不需要加锁，channel本身就是线程安全的 4、管道有类型的，一个string的管道，只能存放string类型的数据 管…
阅读更多...
vue3第四十节（pinia的用法注意事项解构store）

vue3第四十节（pinia的用法注意事项解构store）

pinia 主要包括以下五部分，经常用到的是 store、state、getters、actions 以下使用说明，注意事项，仅限于 vue3 setup 语法糖中使用，若使用选项式 API 请直接查看官方文档： 一、前言： pinia 是为了探索 vu…
阅读更多...
一文弄懂 Python os.walk()，轻松搞定文件处理和目录遍历

一文弄懂 Python os.walk()，轻松搞定文件处理和目录遍历

🍉 CSDN 叶庭云：https://yetingyun.blog.csdn.net/ Python os 模块的 walk() 方法以自顶向下或自底向上的方式遍历指定的目录树，从而显示目录树中的文件名。对于目录树中的每个目录，os.walk() 方法都会产生一个包含目录路径、当前…
阅读更多...
当同时绑定mousedown和mouseup时，不执行mouseup

当同时绑定mousedown和mouseup时，不执行mouseup

问题描述： 当我同时给一个标签添加mousedown和mouseup两个鼠标事件，点击span的时候会触发mousedown事件，但是不会执行mouseup事件；但是注释图二中的setCloudControl方法又能触发mouseup。 后来查阅资料，发现是在封装a…
阅读更多...
数据资产入表-数据分类分级标准-数据分级

数据资产入表-数据分类分级标准-数据分级

前情提要：2021年9月1日，《中华人民共和国数据安全法》正式施行，明确规定“国家建立数据分类分级保护制度”，数据分级分类是数据安全管理的重要措施，它涉及到对数据资产的识别、分类和定级，是保障数据合规的…
阅读更多...
VUE 项目用 Docker+Nginx进行打包部署

VUE 项目用 Docker+Nginx进行打包部署

一、Docker Docker 是一个容器化平台，允许你将应用程序及其依赖项打包在容器中。使用 Docker，你可以创建一个包含 Vue.js 应用程序的容器镜像，并在任何支持 Docker 的环境中运行该镜像。 二、Nginx Nginx 是一个高性能的 HTTP 服务器和反向…
阅读更多...
递归与回溯 || 排列问题

递归与回溯 || 排列问题

目录 前言： 全排列 题解： 全排列 II 题解： 子集 题解： 组合 题解： 组合总和 题解： 电话号码的字母组合 题解： 字母大小写全排列 题解： 优美的排列 题解：…
阅读更多...
MySQL数据库回顾（1）

MySQL数据库回顾（1）

数据库相关概念 关系型数据库 概念: 建立在关系模型基础上，由多张相互连接的二维表组成的数据库。 特点： 1.使用表存储数据，格式统一，便于维护 2.使用SQL语言操作，标准统一，使用方便 SOL SQL通用语法 …
阅读更多...
MySQL常见面试题自测

MySQL常见面试题自测

文章目录 MySQL基础架构一、说说 MySQL 的架构？二、一条 SQL语句在MySQL中的执行过程 MySQL存储引擎一、MySQL 提供了哪些存储引擎？二、MySQL 存储引擎架构了解吗？三、MyISAM 和 InnoDB 的区别？ MySQL 事务一、何谓事务&#xff1…
阅读更多...
JCR一区 | Matlab实现GAF-PCNN、GASF-CNN、GADF-CNN的多特征输入数据分类预测/故障诊断

JCR一区 | Matlab实现GAF-PCNN、GASF-CNN、GADF-CNN的多特征输入数据分类预测/故障诊断

JJCR一区 | Matlab实现GAF-PCNN、GASF-CNN、GADF-CNN的多特征输入数据分类预测/故障诊断 目录 JJCR一区 | Matlab实现GAF-PCNN、GASF-CNN、GADF-CNN的多特征输入数据分类预测/故障诊断分类效果格拉姆矩阵图GAF-PCNNGASF-CNNGADF-CNN 基本介绍程序设计参考资料 分类效果 格拉姆…
阅读更多...
数据结构与算法-字符出现的次数

数据结构与算法-字符出现的次数

问题描述 以下是这个找出字符串中字符串出现频率最多的字符。大家可以自行研究一下，题目不难，我今天尝试使用C语言来完成解答，但是在解答过程居然出现了一个意想不到的问题。可能是高级语言用多了，C语言某些函数的限制和风险忘记管…
阅读更多...
Android开发系列（三）Jetpack Compose 之TextField

Android开发系列（三）Jetpack Compose 之TextField

TextField 是一个用于接收用户输入的UI组件。它是Jetpack Compose中的一部分，可以方便地实现用户文本输入的功能。 TextField 允许用户输入一个或多个文本行，可以用于接收用户的文本输入、搜索等操作。它提供了一些常用的功能，如输入验证、键…
阅读更多...
深入了解SD-WAN：企业广域网的未来

深入了解SD-WAN：企业广域网的未来

在讨论SD-WAN之前，我们先来了解一下WAN的基本概念。WAN（广域网）是一个连接多个地理位置分散的局域网的通信网络。在企业中，WAN通常连接总部、分支机构、托管设施和云服务等多个网络节点。广域网允许用户共享各种应用和服务&#x…
阅读更多...
LeetCode 算法：合并两个有序链表 c++

LeetCode 算法：合并两个有序链表 c++

原题链接🔗：合并两个有序链表 难度：简单⭐️ 题目 将两个升序链表合并为一个新的 升序 链表并返回。新链表是通过拼接给定的两个链表的所有节点组成的。 示例 1： 输入：l1 [1,2,4], l2 [1,3,4] 输出：…
阅读更多...
20240616日志：大模型压缩方法DMS

20240616日志：大模型压缩方法DMS

Location: Beijing 1 大模型剪枝 Fig. 1.1大模型压缩-剪枝 剪枝的理论来源基于彩票假设（Lottery Ticket Hypothesis），指在神经网络中存在一种稀疏连接模式，即仅利用网络的一小部分连接（彩票）就足以实现与整…
阅读更多...
论坛产品选型，需要关注哪些点？

论坛产品选型，需要关注哪些点？

论坛社区是一个经久不衰的行业，比如我们常见的宠物社区，校园社区，游戏社区、企业内部社区，品牌社区，本地同城、私域社区项目、付费社群、问答社区等等，可以说是覆盖了各行各业，那么如果我们要搭…
阅读更多...
设备档案包括哪些内容

设备档案包括哪些内容

设备档案通常包括以下内容和要求： 1. 设备基本信息：包括设备名称、型号、规格、生产厂商、出厂日期、购买日期等。 2. 设备安装信息：包括设备的安装位置、安装日期、安装人员等。 3. 设备维护信息：包括设备的维护保养记录&#xf…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023