【网络】WebSocket协议详解

devtools/2024/9/19 0:42:11/ 标签: 网络, websocket, 网络协议

WebSocket协议详解

  • 一 、WebSocket 诞生背景
  • 二、WebSocket 特点
  • 三、WebSocket 的握手环节
  • 四、WebSokect 的数据格式
    • 1、 第一个字节
    • 2、第二个字节
    • 3、Masking-key
    • 4、playload Data
    • 5、一些注意细节

WebSocket 的官方文档
WebSocket 的中文文档(非官方)

一 、WebSocket 诞生背景

在互联网早期,HTTP(超文本传输协议)因其简单易用和功能强大而广受欢迎,成为了互联网通信的基石。然而,随着互联网的快速发展和网络安全、隐私保护需求的日益增长,HTTP逐渐显露出一些局限性,比如缺乏数据加密、身份验证和会话管理等安全特性。为了克服这些限制,HTTP的扩展和替代方案应运而生,其中最著名的就是HTTPS(安全超文本传输协议)

HTTPS 解决了数据安全的问题,但是 HTTP 协议还有其他的缺陷:HTTP链接的半双工的,而且通信只能由客户端发起,服务端无法将数据主动推送给客户端

为了解决这个问题WebSocket协议出现了(2008年),并在2011年成为国际标准。

扩展

  • 在早期没有WebSocket时,HTTP 协议为了实现推送技术,所用的技术都是轮询,由浏览器每隔一段时间向服务器发出 HTTP请求,然后服务器返回最新的数据给客户端。
  • 轮询方式分为轮询与长轮询,具体的细节可以参考这篇文章:轮询与长轮询

二、WebSocket 特点

WebSocket 特点:

  1. WebSocket是基于TCP 协议的。

  2. WebSocket链接是全双工的,客户端和服务端都可以主动发送数据给对方。

  3. WebSocket的协议标识符是ws(如果加密,则为wss),服务器网址就是 URL

// http协议
http://example.com
https://example.com// WebSocket协议
ws://example.com
wss://example.com
  1. WebSocketHTTP 协议有着良好的兼容性。默认端口也是80和443(wss)。

  2. WebSocket在连接建立阶段需要进行一次 HTTP 握手,在握手完毕以后会从HTTP协议升级到WebSocket 协议

  3. WebSocket数据格式比较轻量,性能开销小,通信高效,发送的数据可以发送文本,也可以是二进制数据。

三、WebSocket 的握手环节

首先Websocket是借用了HTTP的协议来完成握手的。
我们来看个典型的 Websocket 握手

  • 客户端
GET / HTTP/1.1
Host: server.example.com
Upgrade: websocket
Connection: Upgrade
Sec-WebSocket-Key: x3JJHMbDL1EzLkh9GBhXDw==
Sec-WebSocket-Version: 13
Origin: http://example.com

这是一段经典的HTTP格式的报文,我来讲解一下这里面一些重要字段的作用:

  • Upgrade : 这个头部用于表明客户端希望服务器升级当前的连接到一个更高版本的协议。由于这里我们要使用WebSocket 所以这里我们设置为 "websocket"

  • Connection: 这个头部用来指定当前连接应该被升级,并且通常与 Upgrade 头部一起使用。它的值通常设置为 "Upgrade",表示客户端请求将连接升级到由 Upgrade 头部指定的新协议。

  • Sec-WebSocket-Key: 这个字段不是HTTP的标准字段,而是 WebSocket 协议特定的字段。它是在 WebSocket 握手过程中使用的,这个字段包含一个随机生成的字符串,用于生成最终的握手密钥,验证客户端和服务器之间的连接安全。

  • Sec-WebSocket-Version: 这个字段也不是HTTP的标准字段,它用来指明WebSocket 的协议版本。


  • 服务端
HTTP/1.1 101 Switching Protocols
Upgrade: websocket
Connection: Upgrade
Sec-WebSocket-Accept: HSmrc0sMlYUkAGmm5OPpG2HaGWk=

这里的 101 Switching Protocols 状态码表示服务器准备切换到WebSocket协议。UpgradeConnection 头部再次出现以确认协议升级。

  • Sec-WebSocket-Accept 是服务器根据客户端的Sec-WebSocket-Key 计算出来的值,这些字段确保了 WebSocket 连接的安全性。

这里是具体的步骤:

  1. 客户端生成一个随机字符串,并将其放在 Sec-WebSocket-Key 头部中。
  2. 客户端将此字符串发送给服务器。
  3. 服务器接收到此字符串后,将其与 '258EAFA5-E914-47DA-95CA-C5AB0DC85B11' 这个固定的 GUID 结合,并进行 SHA-1 哈希运算。
  4. 服务器将得到的哈希值进行 Base64 编码,并将结果放在 Sec-WebSocket-Accept 头部中返回给客户端。
  5. 客户端验证 Sec-WebSocket-Accept 中的值是否正确,以确认握手成功。

四、WebSokect 的数据格式

握手成功以后,双方通信都会采用WebSocket进行通信,所以接下来让我们一起来看一看WebSokect 的数据格式:

在这里插入图片描述

1、 第一个字节

  • FIN: 占1bit
    • FIN=1:表示当前帧是消息的最后一部分,即该帧之后没有其他帧属于同一消息。这意味着当接收方收到FIN=1的帧时,可以认为整个消息已经完整接收,无需再等待后续帧。
    • FIN=0:表示当前帧不是消息的最后一部分,即该帧之后还有更多的帧属于同一消息。接收方在收到FIN=0的帧时,需要继续接收后续的帧,直到遇到FIN=1的帧为止。

当消息较大,无法在一个帧中完全传输时,就需要进行分片处理。在这种情况下,除了最后一个帧外,其他所有帧的FIN字段都将被设置为0,以指示这些帧只是消息的一部分。而最后一个帧的FIN字段将被设置为1,以指示消息的结束。这种方式确保了接收方能够正确地重组分片消息,并恢复出原始的消息内容。
(这里类似与IP层的分片)

  • RSV1, RSV2, RSV3: 各占1bit, 一般情况下全为0, 这些字段与Websocket拓展有关, 如果出现非零的值且没有采用WebSocket拓展, 会导致连接出错。

  • Opcode: 占4bit,描述了WebSocket 有关的一些操作指示

    • 0x0: 表示本次数据传输采用了数据分片, 当前数据帧为其中一个数据分片
    • 0x1: 表示这是一个文本帧
    • 0x2: 表示这是一个二进制帧
    • 0x3-7: 保留的操作代码, 用于后续定义的非控制帧
    • 0x8: 表示连接断开
    • 0x9: 表示这是一个心跳请求(ping)
    • 0xA: 表示这是一个心跳响应(pong)
    • 0xB-F: 保留的操作代码, 用于后续定义的非控制帧

pingpong 这两个标志和WebSocket的心跳机制有关。

  • 为了保持 WebSocket 稳定的长连接,在连接建立之后,服务器和客户端之间通过心跳包来保持连接状态,以防止连接因为长时间没有数据传输而被切断。
  • 这两个是一种特殊的数据包,不包含任何实际数据,仅用来维持连接状态,是一个空数据帧定期发送,确保链接仍然有效,避免长时间没有数据传输而被中断如果一段时间内没有收到对方的心跳包,就可以认为连接已经断开。

2、第二个字节

  • Mask: 占1bit

    • 0表示不对数据载荷进行掩码异或操作
    • 1表示对数据载荷进行掩码异或操作。
  • Payload length: 表示的是有效载荷的长度,这个字段的长度的可变的,最小占据7个bit位,或7+16或7+64bit

    • 0~125: 数据长度在此区间内时,Payload Length 是7 个bit 位。
    • 126: 数据长度等于此值时,Payload Length 是7 + 16 个bit 位。
    • 127: 数据长度大于等于此值时,Payload Length 是7 + 16 + 48个bit 位。

3、Masking-key

Masking-key掩码值,如果Mask字段被设置为1,那么Masking-key 就占用4bytes,否则不存该字段。这个字段主要用来对数据进行加密。

4、playload Data

payload data: 载荷数据,如果没有设置Mask字段,这里的数据可以直接使用,如果设置了Mask字段,这里的数据还需要解除掩码之后才可以直接使用。

5、一些注意细节

  • WebSocket协议要求客户端所发送的帧必须掩码,掩码的密钥是一个32位的随机值。所有数据都需要与掩码做一次异或运算。帧头在第二个字节的第一位表示该帧是否使用了掩码。

  • WebSocket服务器接收的每个载荷在处理之前首先需要处理掩码,解除掩码之后,服务器将得到原始消息内容。

  • WebSocket协议中,当服务器收到一个没有掩码的帧时,服务器必须丢弃这个消息,并且关闭服务器连接。同时服务器端给客户端发送的所有帧都是不含有掩码的,如果客户端检测到掩码的帧时,也一样必须丢弃该报文并且关闭连接。

  • 根据上面的数据格式可以知道最小的WebSocket 数据报文是两个字节的数据,不含有任何有效载荷(心跳包即使如此)。


http://www.ppmy.cn/devtools/104984.html

相关文章

OceanBase V4.2解析:如何用迭代器 Generator快速生成任意数据

前言 OceanBase 4.2 版本新增了迭代器 generator 函数。尽管这一功能在数据库领域中已属于通用能力,postgresql 也提供了类似的函数,然而,与MySQL和Oracle数据库在默认情况下是需要用户额外编写函数来实现的。OceanBase 4.2 的这一更新也是满…

EmguCV学习笔记 VB.Net 6.S 特别示例

版权声明:本文为博主原创文章,转载请在显著位置标明本文出处以及作者网名,未经作者允许不得用于商业目的。 EmguCV是一个基于OpenCV的开源免费的跨平台计算机视觉库,它向C#和VB.NET开发者提供了OpenCV库的大部分功能。 教程VB.net版本请访问…

html+css+js网页设计 菜菜网-移动端 5个页面

htmlcssjs网页设计 菜菜网-移动端 5个页面 网页作品代码简单,可使用任意HTML编辑软件(如:Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad 等任意html编辑软件进行运行及修改编辑等操作)。 获取源码 1&am…

【数据结构之线性表】

文章目录 一、线性表的基本概念1. 定义2. 特点2.1 元素有序排列2.2 元素类型相同2.3 元素之间存在一对一的关系 二、线性表的实现方式(C)1. 顺序表(数组)1.1 定义1.2 实现示例1.3 优点1.4 缺点 2. 链表2.1 定义2.2 实现示例2.3 优…

centOS安装R语言4.0及以上

centOS安装R语言4.0及以上 源码编译安装R安装配置必要的依赖库安装配置必要图片库检测配置R问题1:R语言安装依赖,缺啥补啥问题2:依赖 curl7 and curl >7.28 检查配置,如果没问题,进行编译安装安装Rstudio-server参考…

java 接口 泛型使用

Java 接口中的泛型使用 在 Java 中,接口是一种抽象类型,用于定义方法的一组规范,而泛型则提供了一种强类型的机制来在类、接口和方法中传递类型参数。这两者结合使用可以提升代码的复用性和类型安全性。本文将探讨 Java 接口中泛型的使用&am…

【C++ Primer Plus习题】8.3

问题: 解答: #include <iostream> #include <string> #include <cctype> using namespace std;void function(string& str) {for (int i 0; i < str.size(); i){str[i]toupper(str[i]);} }int main() {string str;while (true){cout << "…

LeetCode讲解篇之198. 打家劫舍

文章目录 题目描述题解思路题解代码 题目描述 你是一个专业的小偷&#xff0c;计划偷窃沿街的房屋。每间房内都藏有一定的现金&#xff0c;影响你偷窃的唯一制约因素就是相邻的房屋装有相互连通的防盗系统&#xff0c;如果两间相邻的房屋在同一晚上被小偷闯入&#xff0c;系统…

讲一下apk瘦身方案

一、优化资源文件 图像资源优化 压缩图片&#xff1a;使用图像压缩工具&#xff0c;如 TinyPNG、ImageOptim 等&#xff0c;在不明显降低图像质量的前提下减小图片文件大小。选择合适的图片格式&#xff1a;对于不需要透明度的图片&#xff0c;可以考虑使用 JPEG 格式代替 PNG …

Pinia 与 Vuex 对比

Pinia 与 Vuex 对比 在开始之前&#xff0c;我们先给出Pinia和Vuex的官网地址&#xff0c;以便大家查阅最新的文档和更新信息&#xff1a; Pinia 官网地址&#xff1a;Pinia 官方网站 Vuex 官网地址&#xff1a;Vuex 官方网站 接下来&#xff0c;我们将深度解析Pinia和Vuex的…

OZON收纳产品,OZON热卖收纳产品

Top1 收纳网袋 Органайзер для пакетов на дверцу шкафа на липучке. Сетка - держатель для хранения вещей на дверь ящика. Корзина навесная. 1 шт. 商品id&…

注释1111

3。3 Batch Normalization (BN) 的工作原理 Batch Normalization 是在处理一个 "批次" 数据时&#xff0c;计算这个批次内所有样本的平均值和方差&#xff0c;然后使用这些统计量对每个样本进行归一化。这就是说&#xff1a; 批次&#xff08;batch&#xff09;&a…

Quartz任务调度框架

文章目录 前言一、介绍二、使用步骤1.创建maven工程&#xff0c;添加依赖2.创建任务3.启动任务 三、基本实现原理1. Scheduler任务调度器2. Triggers触发器2.1 SimpleTrigger2.2 CronTirgger 3. Misfire策略4 任务Job4.1 Job4.2 JobDetail4.3 JobDataMap 前言 最近跟的一个系统…

<Rust>egui学习之小部件(五):如何在窗口中添加图像部件?

前言 本专栏是关于Rust的GUI库egui的部件讲解及应用实例分析&#xff0c;主要讲解egui的源代码、部件属性、如何应用。 环境配置 系统&#xff1a;windows 平台&#xff1a;visual studio code 语言&#xff1a;rust 库&#xff1a;egui、eframe 概述 本文是本专栏的第五篇博…

直播平台直播API集成之Facebook篇

前言&#xff1a; 本篇我们来介绍如何使用Facebook 的直播API&#xff08;Facebook Live API&#xff09;创建直播。 准备工作&#xff1a; 1、你首先得有个facebook账号&#xff1b; 2、创建facebook应用&#xff0c;填写应用审核信息&#xff0c;上线前还要提前做好API权限申…

【计算机网络】浏览器输入访问某网址时,后台流程是什么

在访问网址时&#xff0c;后台的具体流程可以因不同的网站、服务器和应用架构而异。 实际过程中可能还涉及更多的细节和步骤&#xff0c;如缓存处理、重定向、负载均衡等。 此外&#xff0c;不同的网站和应用架构可能会有不同的实现方式和优化策略。 部分特定网站或应用&#x…

瑞芯微RK3566开发板USB OTG模式介绍及命令切换,触觉智能EVB3566主板鸿蒙硬件厂商

一、USB OTG的模式 host模式&#xff08;下行&#xff09;&#xff1a;为u盘等设备供电&#xff0c;不可以进行调试&#xff0c;连接adb或者烧录等操作。 device模式&#xff08;上行&#xff09;&#xff1a;可以进行调试&#xff0c;连接adb或者烧录等操作&#xff0c;即US…

spring-boot 事件

事件触发时机常用监听器描述ApplicationStartingEvent应用启动时LoggingApplicationListener&#xff1a;决定加载哪个日志系统ApplicationEnvironmentPreparedEvent创建Environment之后BootstrapApplicationListener&#xff1a;加载spring-cloud bootstrap配置文件&#xff1…

【Navicat最新版简体中文版破解激活永久详细教程】

2024 Navicat Premium最新版简体中文版破解激活永久图文详细教程 1.未安装过的用户可直接跳过该步骤&#xff0c;如果已安装Navicat&#xff0c;记得先卸载干净&#xff0c;防止破解失效&#xff0c;卸载完成后执行补丁压缩包中的Navicat.bat脚本&#xff08;一闪而过表示正常&…

MySQL入门学习-MySQL的连接查询

一、MySQL 的连接查询用于在多个表之间建立关联&#xff0c;并从这些表中检索相关的数据。连接查询的主要特点包括&#xff1a; 1. 多表关联&#xff1a; 可以将多个表连接在一起&#xff0c;基于共同的列进行关联。 2. 数据合并&#xff1a; 通过连接查询&#xff0c;可以将…