Websocket系列 -- 协议详解

最新推荐文章于 2024-06-12 00:50:45 发布
最新推荐文章于 2024-06-12 00:50:45 发布
阅读量3.6k 收藏 8
点赞数
分类专栏： 基础知识 文章标签： websocket
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Justinjiang1314/article/details/123551365
版权

系列文章目录

Websocket系列 --前世今生

文章目录

前言

Websocket通信分为三个步骤：

  1. 连接握手
  2. 数据传输（双工）
  3. 关闭握手

连接握手

连接握手分为两个步骤：请求和应答。WebSocket利用了HTTP协议来建立连接，使用的是HTTP的协议升级机制。

请求

一个标准的HTTP请求，格式如下：
Http协议头格式
请求头的具体格式定义参见Request-Line格式

请求header中的字段解析

在这里插入图片描述

  • 协议升级机制

  • Origin
    所有浏览器将会发送一个 Origin请求头。 你可以将这个请求头用于安全方面（检查是否是同一个域，白名单/ 黑名单等），如果你不喜欢这个请求发起源，你可以发送一个403 Forbidden。需要注意的是非浏览器只能发送一个模拟的 Origin。大多数应用会拒绝不含这个请求头的请求。

  • Sec-WebSocket-Key
    由客户端随机生成的，提供基本的防护，防止恶意或者无意的连接。

应答

返回字段解析
在这里插入图片描述

  • Connection
    可以参见 rfc7230 6.1 和 rfc7230 6.7

  • Sec-WebSocket-Accept
    它通过客户端发送的Sec-WebSocket-Key 计算出来。计算方法：

    1. 将 Sec-WebSocket-Key 跟 258EAFA5-E914-47DA-95CA-C5AB0DC85B11 拼接；

    2. 通过 SHA1 计算出摘要，并转成 base64 字符串。
      Sec-WebSocket-Key / Sec-WebSocket-Accept 的主要作用还是为了避免一些网络通信过程中，一些非期待的数据包，”乱入“进来，导致一些错误的响应，并不能用于实现登录认证和数据安全，这些功能还需要应用层自己实现。

数据传输

此段落包含的内容，来自于此链接

WebSocket 以 frame 为单位传输数据, frame 是客户端和服务端数据传输的最小单元, 当一条消息过长时, 通信方可以将该消息拆分成多个 frame 发送, 接收方收到以后重新拼接、解码从而还原出完整的消息, 在 WebSocket 中, frame 有多种类型, frame 的类型由 frame 头部的 Opcode 字段指示, WebSocket frame 的结构如下所示:

该结构的字段语义如下:

  • FIN, 长度为 1 比特, 该标志位用于指示当前的 frame 是消息的最后一个分段, 因为 WebSocket 支持将长消息切分为若干个 frame 发送, 切分以后, 除了最后一个 frame, 前面的 frame 的 FIN 字段都为 0, 最后一个 frame 的 FIN 字段为 1, 当然, 若消息没有分段, 那么一个 frame 便包含了完成的消息, 此时其 FIN 字段值为 1。

  • RSV 1 ~ 3, 这三个字段为保留字段, 只有在 WebSocket 扩展时用, 若不启用扩展, 则该三个字段应置为 1, 若接收方收到 RSV 1 ~ 3 不全为 0 的 frame, 并且双方没有协商使用 WebSocket 协议扩展, 则接收方应立即终止 WebSocket 连接。

  • Opcode, 长度为 4 比特, 该字段将指示 frame 的类型, RFC 6455 定义的 Opcode 共有如下几种:

    • 0x0, 代表当前是一个 continuation frame，既被切分的长消息的每个分片frame
    • 0x1, 代表当前是一个 text frame
    • 0x2, 代表当前是一个 binary frame
    • 0x3 ~ 7, 目前保留, 以后将用作更多的非控制类 frame
    • 0x8, 代表当前是一个 connection close, 用于关闭 WebSocket 连接
    • 0x9, 代表当前是一个 ping frame
    • 0xA, 代表当前是一个 pong frame
    • 0xB ~ F, 目前保留, 以后将用作更多的控制类 frame

  • Mask, 长度为 1 比特, 该字段是一个标志位, 用于指示 frame 的数据 (Payload) 是否使用掩码掩盖, RFC 6455 规定当且仅当由客户端向服务端发送的 frame, 需要使用掩码覆盖, 掩码覆盖主要为了解决代理缓存污染攻击 (更多细节见 RFC 6455 Section 10.3)。

  • Payload Len, 以字节为单位指示 frame Payload 的长度, 该字段的长度可变, 可能为 7 比特, 也可能为 7 + 16 比特, 也可能为 7 + 64 比特. 具体来说, 当 Payload 的实际长度在 [0, 125] 时, 则 Payload Len 字段的长度为 7 比特, 它的值直接代表了 Payload 的实际长度; 当 Payload 的实际长度为 126 时, 则 Payload Len 后跟随的 16 位将被解释为 16-bit 的无符号整数, 该整数的值指示 Payload 的实际长度; 当 Payload 的实际长度为 127 时, 其后的 64 比特将被解释为 64-bit 的无符号整数, 该整数的值指示 Payload 的实际长度。

  • Masking-key, 该字段为可选字段, 当 Mask 标志位为 1 时, 代表这是一个掩码覆盖的 frame, 此时 Masking-key 字段存在, 其长度为 32 位, RFC 6455 规定所有由客户端发往服务端的 frame 都必须使用掩码覆盖, 即对于所有由客户端发往服务端的 frame, 该字段都必须存在, 该字段的值是由客户端使用熵值足够大的随机数发生器生成, 关于掩码覆盖, 将下面讨论, 若 Mask 标识位 0, 则 frame 中将设置该字段 (注意是不设置该字段, 而不仅仅是不给该字段赋值)。

  • Payload, 该字段的长度是任意的, 该字段即为 frame 的数据部分, 若通信双方协商使用了 WebSocket 扩展, 则该扩展数据 (Extension data) 也将存放在此处, 扩展数据 + 应用数据, 它们的长度和便为 Payload Len 字段指示的值。
    以下是一个客户端和服务端相互传递文本消息的示例（内容来此于此链接）
    在这里插入图片描述其中模拟了长消息被切分为多个帧（continuation frame）的例子。

关闭请求

关闭相对简单，由客户端或服务端发送关闭帧，即可完成关闭。
在这里插入图片描述

总结

后续会讲一些市面上常用的一些实现WebSocket封装的类库。

参考链接

https://developer.mozilla.org/en-US/docs/Web/API/WebSockets_API/Writing_WebSocket_servers
https://datatracker.ietf.org/doc/html/rfc6455

Justinjiang1314
关注
  • 0
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
websocket协议详解
如果没有梦想，那跟咸鱼有什么分别
10-12 3839
websocket是什么？ websocket是一种浏览器与服务器进行全双工通信的网络技术，属于 应用层协议。它 基于TCP传输协议，并 复用HTTP 的握手通道，用来弥补HTTP协议在持久通信能力上的不足。
自学 websocket（二）：websocket 的工作流程解析
m0_61560439的博客
04-17 896
【代码】自学 websocket（二）：websocket 的工作流程解析。
websocket和http的瓜葛以及websocket协议实现
小杰312的博客
04-15 1万+
websocket和http的瓜葛以及websocket协议实现, 方法论, 如何在现有的tcp传输层协议上封装应用层协议
WebSocket协议格式
最新发布
HuJunFeng123456的博客
06-12 209
(一)当客户端通过HTTP协议进行WebSocket握手连接成功后，就需要用WebSocket协议来双向全双工通信。表示帧的内容类别，例如文本、二进制、ping探测、pong回复、关闭连接。(二)WebSocket也是使用TCP来通信的高层协议。指的是一定长度的原始数据，存放客户端和服务端通信的内容。0代表不是，1代表是。值为0，代表没有掩码。用于掩盖数据，由掩码标志位来决定是否存在。(二)每个帧分为帧头和数据负载两部分。(一)每次通信都是用数据帧来封装。(五)负载数据长度(7比特)表示数据负载的长度。
WebSocket：响应头‘Sec-WebSocket-Accept‘的生成
艾恩
08-25 2464
private static string SHA1(byte[] clearData) { using (System.Security.Cryptography.SHA1 sha1 = System.Security.Cryptography.SHA1.Create()) { return Convert.ToBase64String(sha1.ComputeHash(clearData)); } } //固定值，拼接到末...
WebSocket通信协议基础原理与安全威胁
道阻且长，行则将至。
06-11 2561
本文将记录学习下 WebSocket 全双工通信协议的基本原理与鉴权机制，并分析 WebSocket 常见的安全风险，重点分析WebSocket劫持漏洞的根因。
php sec-websocket-accept,Websocket HandShake Sec-WebSocket-Accept 生成策略
weixin_30305029的博客
04-03 459
思路如下：服务端先获得请求头部的Sec-WebSocket-Key值，然后再其后面连接一个GUID(258EAFA5-E914-47DA-95CA-C5AB0DC85B11)，对连接后的字符串做SHA1，得到16进制表示的字符串，将每两位当作一个字节进行分隔，得到字节数组，对字节数组做Base64，即得到Sec-WebSocket-Accept的值。实践： Sec-WebSocket-Key: k...
WebSocket协议：5分钟入门到精通
Lamb的博客
08-04 1872
HTML5开始提供的一种浏览器与服务器进行全双工通讯的网络技术，属于应用层协议。它基于TCP传输协议，并复用HTTP的握手通道。WebSocket可以在浏览器里使用支持双向通信使用很简单。
WebSocket实战之二协议分析
程序员青菜学厨记
10-02 579
WebSocket是基于TCP的，与HTTP同样也是应用层协议，但WebSocket的首次握手是依赖于HTTP协议，握手成功协议升级为WebSocket，然后就是长连接可以相互一直发送消息而不再是HTTP的那种请求/响应机制，另外可以看到客户端的端口在开始随机用了一个值是52914后，在关闭之前一直会用同一端口，这样才能找得到，IP用来找机器，端口用来找应用。4、【7、8、9】第7、8、9个包，服务端向客户端以WebSocket协议发送了三个包，
PyPI 官网下载 | msb-client-websocket-python-1.0.11.tar.gz
01-13
《PyPI官网下载：msb-client-websocket-python-1.0.11.tar.gz详解》 在Python的世界里，PyPI（Python Package Index）是官方的软件仓库，它提供了丰富的Python库供开发者下载和使用。本文将深入探讨PyPI上下载的...
Spring4.0系列9-websocket简单应用
08-03
**Spring 4.0 WebSocket 简单应用详解** WebSocket 是一种在客户端和服务器之间建立长连接的协议，它允许双方进行全双工通信，即数据可以双向流动，不同于HTTP的请求-响应模式。在Spring 4.0版本中，框架引入了对...
易语言-58自动回复招聘方源码 websocket协议
06-28
《易语言-58自动回复招聘方源码 WebSocket协议详解》 在当今信息化时代，网络技术日新月异，WebSocket协议作为一项先进的网络通信技术，已经广泛应用在各种实时交互场景中，例如在线聊天、游戏、股票交易等。本文将...
graceup系列--WebRTC
08-29
4. **信令协议**：在WebRTC中，信令协议用于交换SDP（Session Description Protocol）和ICE（Interactive Connectivity Establishment）信息，以建立和维护连接。这些信息包括候选的网络传输路径、加密参数等，通常...
【WebSocket】协议详解
热门推荐
Huang_Ds的博客
07-08 1万+
目录简介一、WebSocket是什么？二、使用WebSocket1.WebSocket工作原理 1.1 握手(建立连接) 1.2 数据传输2.WebSocket 2.1 事件 2.2 方法 2.3 属性 3.WebSocket优点总结​​​​​​​ websocket是html5提供的一种浏览器与服务器进行全面双工通讯的网络技术，是基于TCP传输的应用层协议 ​​​​​​​WebSocketWebSocketW
php sec-websocket-accept,关于node.js：Sec-WebSocket-Accept值的Base64编码
weixin_35676943的博客
04-03 400
不久前，我开始尝试使用node.js来处理后端。它工作得很好，但是现在当我返回时，协议已经更新，我不能让它正常工作了。具体来说，问题是Sec-WebSocket-Accept头。我计算的时候好像做错了什么，虽然我真的不知道那可能是什么。据我所知，我正在按照维基百科上的指示上网。以下是我的代码：var magicString ="258EAFA5-E914-47DA-95CA-C5AB0DC85B1...
Websocket原理简介
农家小舍
05-09 177
WebSocket（RFC6455）是HTML5开始提供的一种在单个TCP连接上进行全双工通讯的协议。 Websocket与HTTP WebSocket是HTML5出的东西（一个新协议），跟HTTP协议基本没有关系，只是为了兼容现有浏览器的握手规范而已，也就是说它是HTTP协议上的一种补充。他们之间只是存在交集而已： HTTP是不支持持久连接的（长连接，循环连接的不算），所谓的 k...
websocket总结
m0_60027772的博客
07-08 4397
目录websocket介绍http与websocket注意websocket请求格式对比http协议请求格式异同点websocket响应格式注意基于node.js的websocket模块ws模块服务端客户端 socket.io模块服务端 客户端WebSocket是一种网络通信协议，是HTML5开始提供的一种在单个TCP连接上进行全双工通讯的协议。RFC6455定义了它的通信标准。为什么websocket连接可以实现全双工通信http连接不可以http协议是建立在TCP协议之上的，TCP协议本身就有全双工通信
WebSocket 协议原理（抓包分析）
qq_38937634的博客
12-14 5838
WebSocket 协议原理抓包分析 这篇文章通过抓包分析 WebSocket 协议的细节，学习一下 WebSocket 执行流程。 1.WebSocket 流程说明 **（1）**客户端和服务器之间完成三次握手建立 TCP 连接（TLS/SSL）握手。 **（2）**客户端发起 HTTP 请求和服务器之间建立 WebSocket 握手。 （3）WebSocket 连接建立之后，双方通信是基于 TCP 连接的，此后不需要 HTTP 协议了。 **（4）**完成 WebSocket 握手之后，就可以发送消息
php sec-websocket-accept,http – 从“Sec-WebSocket-Key”生成“Sec-WebSocket-Accept”
weixin_39897218的博客
04-03 316
我跟随rfc6455：Concretely, if as in the example above, the |Sec-WebSocket-Key|header field had the value “dGhlIHNhbXBsZSBub25jZQ==”, the serverwould concatenate the string “258EAFA5-E914-47DA-95CA-C5AB0DC...
HTML5 WebSocket技术详解
最后，附录部分提供了WebSocket流量的检测方法和一系列有价值的资源，帮助读者进一步学习和研究。 这本书是一本全面的WebSocket教程，无论你是初学者还是有经验的开发者，都可以从中获得关于WebSocket的深入理解和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值