第十二章：会话控制

会话控制

文章目录

  • 会话控制
    • 一、介绍
    • 二、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 地址

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

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

python+unity手势控制地球大小

python+unity手势控制地球大小

效果图如下 具体操作如下 1 在unity窗口添加一个球体 2 给球体添加材质，材质图片使用地球图片 地球图片如下 unity材质设置截图如下 3 编写地球控制脚本 using System.Collections; using System.Collections.Generic; using UnityEngine;public class test : MonoBehavio…
阅读更多...
餐饮业应该购置精酿啤酒设备吗？

餐饮业应该购置精酿啤酒设备吗？

近几年，啤酒行业刮起了一股“精酿风”，它不只是一种饮品口味上的变化，更像是一个生活方式的升级。精酿啤酒的兴起，不仅体现在味道的多样性和层次感上，更重要的是它代表了一种生活态度，是对品质生活的追求。…
阅读更多...
shell脚本中的变量

shell脚本中的变量

关于Linux操作系统中当前shell进程与子shell进程的详细解释 如上图所示，使用ps -f可以当前查看Linux操作系统中当前正在运行的进程。 然后敲bash后，相当于在当前的bash shell环境下又创建了一个子bash shell的进程， 如上图所示，…
阅读更多...
代码随想录-Day35

代码随想录-Day35

134. 加油站 在一条环路上有 n 个加油站，其中第 i 个加油站有汽油 gas[i] 升。 你有一辆油箱容量无限的的汽车，从第 i 个加油站开往第 i1 个加油站需要消耗汽油 cost[i] 升。你从其中的一个加油站出发，开始时油箱为空。 给定两个整数数组 …
阅读更多...
使用 AST语法树分析与修改Javascript 代码

使用 AST语法树分析与修改Javascript 代码

1、AST语法树简介 当编写代码分析工具、代码美化工具、网站逆向分析等场景时，通常需要使用AST语法树技术。 比如项目开发过程中常遇到的场景：某个公共函数名需要更改，但被很多文件多处代码调用，手工修改非常容易漏改、改错等&…
阅读更多...
微服务开发与实战Day11 - 微服务面试篇

微服务开发与实战Day11 - 微服务面试篇

一、分布式事务 1. CAP定理 1998年，加州大学的计算机科学及Eric Brewer提出，分布式系统有三个指标： Consistency（一致性）Availability（可用性）Partition tolerance（分区容错性&am…
阅读更多...
网络故障经典案例

网络故障经典案例

一、背景分析 企业的网络经常出现整网卡顿的情况，表现为网页没法打开、微信飞书消息转圈圈、视频加载缓慢 等等问题，但有时候又正常，莫名其妙！ 问题一直找不到，检查了网络架构没有任何问题，也找了运营商…
阅读更多...
充电学习—6、电量计FuelGauge

充电学习—6、电量计FuelGauge

电量计功能： 检测电池 计量电量 电量计首要工作： 计算电池的剩余容量、充满时容量、电量百分比 电量百分比 剩余容量 / 充满时容量 * 100% SOC RM / FCC * 100% 典型的一个电池包框架： 包含电芯、电量计IC、保护IC、充放电MOSFET、保险丝…
阅读更多...
mysql分析常用锁

mysql分析常用锁

这里写自定义目录标题 1.未提交事物，阻塞DDL，继而阻塞所有同表的后续操作,查看未提交事务的进程2.存着正在进行的线程数据。3.根据processlist表中的id杀掉未释放的线程4.查看正在使用的表5.mysql为什么state会有waiting for handler commit6.什么情况导…
阅读更多...
如何有效处理独立站遭受的网络攻击

如何有效处理独立站遭受的网络攻击

随着电子商务的蓬勃发展，独立站成为了众多商家展示产品、吸引客户的重要平台。然而，这同时也吸引了不法分子的目光，使得独立站成为网络攻击的重灾区。本文将深入探讨独立站可能遭受的各种网络攻击类型，并提供一系列实用且可运行的…
阅读更多...
Android开发系列（四）Jetpack Compose之Button

Android开发系列（四）Jetpack Compose之Button

在Jetpack Compose中，Button是一个常用的用户界面组件，用于执行某些操作或触发某些事件。Button控件是可触摸的，并且通常会显示一个文本或图标来表示其功能。 要在Jetpack Compose中创建一个Button，可以使用Button()函数&#xf…
阅读更多...
8.12 矢量图层面要素单一符号使用二(仅渲染中心点)

8.12 矢量图层面要素单一符号使用二(仅渲染中心点)

文章目录 前言仅渲染中心点（Centroid fill）QGis设置面符号为仅渲染中心点（Centroid fill）二次开发代码实现仅渲染中心点（Centroid fill） 总结 前言 本章介绍矢量图层线要素单一符号中仅渲染中心点&#xf…
阅读更多...
Java每日作业day6.18

Java每日作业day6.18

ok了家人们今天我们继续学习方法的更多使用，闲话少叙，我们来看今天学了什么 1.重载 在同一个类中，可不可以存在同名的方法？重载:在同一个类中，定义了多个同名的方法，但每个方法具有不同的参数类型或参数个…
阅读更多...
SuiNS更新命名标准，增强用户体验

SuiNS更新命名标准，增强用户体验

SuiNS将其面向用户的命名标准从 xxx.sui 更新为 xxx，让用户能够以一种适用于Web2和Web3世界的方式来代表自己。通过此更新，用户可以在其选择的名称前使用 ，而不是在名称后添加 .sui。 Sui命名服务于去年推出，旨在使Sui上的地址更…
阅读更多...
C++ 63 之 函数模版和普通函数的区别

C++ 63 之 函数模版和普通函数的区别

#include <iostream> #include <string> using namespace std;template<typename T> T myAdd(T a, T b){return a b; }int myAdd2(int a, int b){return a b; }int main() {int a 1;int b 2;char c a; // a的ask码 97// cout << myAdd(a,c) <…
阅读更多...
探索C嘎嘎的奇妙世界:第十四关---STL(string的模拟实现)

探索C嘎嘎的奇妙世界:第十四关---STL(string的模拟实现)

1. string类的模拟实现 1.1 经典的string类问题 上一关已经对string类进行了简单的介绍&#xff0c;大家只要能够正常使用即可。在面试中&#xff0c;面试官总喜欢让学生自己来模拟实现string类&#xff0c;最主要是实现string类的构造、拷贝构造、赋值运算符重载以及析构函数…
阅读更多...
vcruntime140_1.dll文件【安装包】【压缩包】【文件】【下载】

vcruntime140_1.dll文件【安装包】【压缩包】【文件】【下载】

安装程序时有时候出现 类似无法启动程序&#xff0c;缺少vcruntime140_1.dll的提示&#xff0c;我们找到该文件并放到对应目录就可以&#xff1b;获取方法有很多&#xff0c;下面介绍两种&#xff1a;&#xff08;方法二更简便&#xff0c;不过建议两种方法都试试&#xff09; …
阅读更多...
首张地下地图！D-Wave 专用量子计算机助力沙特阿美完成地震成像

首张地下地图！D-Wave 专用量子计算机助力沙特阿美完成地震成像

内容来源&#xff1a;量子前哨&#xff08;ID&#xff1a;Qforepost&#xff09; 文丨浪味仙 排版丨沛贤 深度好文&#xff1a;800字丨3分钟阅读 摘要&#xff1a;过去两年中&#xff0c;沙特阿美研究中心一直在使用总部在加拿大的D-Wave 公司的专用量子计算技术&#xff0c;…
阅读更多...
基于DDD的编码实践

基于DDD的编码实践

分层设计 领域驱动设计&#xff08;Domain-driven design, DDD&#xff09; 作为一种复杂软件系统的应对方案&#xff0c;在设计和编码提供了一种新的解决方式&#xff0c;即领域驱动&#xff0c;要求程序员在设计和编码时从领域专家的角度出发来实现架构/代码&#xff0c;做到…
阅读更多...
Canvas-＞不依赖View的Canvas，创建Canvas绘制Bitmap的某个区域

Canvas-＞不依赖View的Canvas，创建Canvas绘制Bitmap的某个区域

XML文件 <?xml version"1.0" encoding"utf-8"?> <LinearLayout xmlns:android"http://schemas.android.com/apk/res/android"android:layout_width"match_parent"android:layout_height"match_parent"android:o…
阅读更多...
最新文章

Copyright @ 2022~2023