一 WebSocket协议基于HTTP和TCP协议

  • 与往常一样,进入WebSocket协议学习之前,先进行WebSocket协议抓包,来一个第一印象。
  • WebSocket能实现客户端和服务器间双向、基于消息的文本或二进制的数据传输。
    • HTTP握手机制用于协商连接参数
    • 二进制消息分帧机制用于支持低开销的数据传输
  • WebSocket协议特点:
    • 连接协商和同源策略
    • 与既有 HTTP 基础设施的互操作
    • 基于消息的通信和高效消息分帧
    • 子协议协商及可扩展能减少通信量

二 抓包分析

  • WebSocket客户端(MQTTBox)

    • IP:192.168.1.10
    • port:2994
  • WebSocket服务器(Eclipse的MQTT服务器)
    • IP:198.41.30.241
    • port:80

1 TCP三次握手

192.168.1.10	198.41.30.241	TCP	2994 → 80 [SYN] Seq=0 Win=64240 Len=0 MSS=1460 WS=256 SACK_PERM=1
198.41.30.241 192.168.1.10 TCP 80 → 2994 [SYN, ACK] Seq=0 Ack=1 Win=14600 Len=0 MSS=1412 SACK_PERM=1 WS=64
192.168.1.10 198.41.30.241 TCP 2994 → 80 [ACK] Seq=1 Ack=1 Win=66304 Len=0

注:TCP讲解了很多遍了,就简单贴出来了。

2 HTTP协议交换

# 1.客户端 -> 服务器 ,HTTP升级Webscoket请求
192.168.1.10 198.41.30.241 HTTP 310 GET /ws HTTP/1.1
Hypertext Transfer Protocol
GET /ws HTTP/1.1\r\n # Method url 协议版本
Connection: Upgrade\r\n # 升级协议
Upgrade: websocket\r\n # 升级为webscoket
Host: iot.eclipse.org\r\n # 主机名
Sec-WebSocket-Version: 13\r\n # websocket版本
Sec-WebSocket-Key: MTMtMTU0NDE1NjY2MjM2NA==\r\n # 客户端标识符
Sec-WebSocket-Protocol: mqtt\r\n # 子协议
Sec-WebSocket-Extensions: permessage-deflate; client_max_window_bits\r\n # 拓展属性 # TCP应答报文
198.41.30.241 192.168.1.10 TCP 60 80 → 2994 [ACK] Seq=1 Ack=257 Win=15680 Len=0 # 2.服务器 -> 客户端,协议升级应答
198.41.30.241 192.168.1.10 HTTP 213 HTTP/1.1 101 Switching Protocols
Hypertext Transfer Protocol
HTTP/1.1 101 Switching Protocols\r\n
Upgrade: websocket\r\n
Connection: Upgrade\r\n
# base64(sha1(客户端标识符+固定UUID))
Sec-WebSocket-Accept: pC5iSVAHF4dkYCnA6rA0VDfEpuI=\r\n
Sec-WebSocket-Protocol: mqtt\r\n

3 数据传输

  • HTTP协议升级为WebSocket协议后,并不适用HTTP报文封装WebSocket报文,而是直接基于TCP报文。
  • 报文的格式为二进制或字符。
  • 发送方需要设置Mask为True,并发送Masking-Key;Masking-Key会一直变化。(解析方式以后细说)
# 只截取MQTT中PINGREQ和PINGRESP报文

# PINGREQ报文
192.168.1.10 198.41.30.241 WebSocket 62 WebSocket Binary [FIN] [MASKED]
WebSocket
1... .... = Fin: True # 是否为最终帧
.000 .... = Reserved: 0x0 # 保留
.... 0010 = Opcode: Binary (2) # 操作码
1... .... = Mask: True # 是否掩码
.000 0010 = Payload length: 2 # 负载长度
Masking-Key: 8f 06 5d 55 # 掩码的Key值(Mask为True时需要传输该字段)
Masked payload
Data: 4f06 -> (4f xor 8f == c0)(06 xor 06 ==00) == c000 # PINGRESP报文
198.41.30.241 192.168.1.10 WebSocket 60 WebSocket Binary [FIN]
WebSocket
1... .... = Fin: True
.000 .... = Reserved: 0x0
.... 0010 = Opcode: Binary (2)
0... .... = Mask: False
.000 0010 = Payload length: 2
Payload
Data: d000

注:MQTT报文请参考MQTT协议探究(一)

参考:

  • 《图解HTTP》
  • 《Web性能权威指南》

WebSocket协议探究(序章)的更多相关文章

  1. WebSocket协议探究(三):MQTT子协议

    一 复习和目标 1 复习 Nodejs实现WebSocket服务器 Netty实现WebSocket服务器(附带了源码分析) Js api实现WebSocket客户端 注:Nodejs使用的Socke ...

  2. WebSocket协议探究(二)

    一 复习和目标 1 复习 协议概述: WebSocket内置消息定界并且全双工通信 WebSocket使用HTTP进行协议协商,协商成功使用TCP连接进行传输数据 WebScoket数据格式支持二进制 ...

  3. WebSocket协议探究(一)

    一 复习和目标 1 复习 上一节使用wireshark抓包分析了WebSocket流量 包含连接的建立:HTTP协议升级WebSocket协议 使用建立完成的WebSocket协议发送数据 2 目标 ...

  4. WebSocket协议中文版

    WebSocket协议中文版 摘要 WebSocket协议实现在受控环境中运行不受信任代码的一个客户端到一个从该代码已经选择加入通信的远程主机之间的全双工通信.用于这个安全模型是通常由web浏览器使用 ...

  5. Websocket协议的学习、调研和实现

    本文章同时发在 cpper.info. 1. websocket是什么 Websocket是html5提出的一个协议规范,参考rfc6455. websocket约定了一个通信的规范,通过一个握手的机 ...

  6. CCNA+NP学习笔记—序章

    本人就读于南京捷式泰网络科技有限公司学习CCIE,这几天准备将多年来的纸质版笔记全部写成电子版献给大家以留下自己学习的足迹.本章是基础篇章,内容较少,主要为之后的内容做铺垫.所有笔记的分类顺序为:序章 ...

  7. WebSocket协议:5分钟从入门到精通

    一.内容概览 WebSocket的出现,使得浏览器具备了实时双向通信的能力.本文由浅入深,介绍了WebSocket如何建立连接.交换数据的细节,以及数据帧的格式.此外,还简要介绍了针对WebSocke ...

  8. Netty5序章之BIO NIO AIO演变

    Netty5序章之BIO NIO AIO演变 Netty是一个提供异步事件驱动的网络应用框架,用以快速开发高性能.高可靠的网络服务器和客户端程序.Netty简化了网络程序的开发,是很多框架和公司都在使 ...

  9. Netty序章之BIO NIO AIO演变

    Netty序章之BIO NIO AIO演变 Netty是一个提供异步事件驱动的网络应用框架,用以快速开发高性能.高可靠的网络服务器和客户端程序.Netty简化了网络程序的开发,是很多框架和公司都在使用 ...

随机推荐

  1. libmidas.so.2

    libmidas.so.2 libmidas.so.2文件,使DATASNAP FOR LINUX中间件,支持OleVariant格式的序列,使TDataSetProvider+TClientData ...

  2. 使用IOCP完成端口队列做任务队列

    使用IOCP完成端口队列做任务队列 与其自己费力设计异步任务队列,不如使用WINDOWS内核级的IOCP完成端口队列做任务队列. 1)引用单元 uses windows; 2)定义完成端口句柄 var ...

  3. arcgis python 异常处理和信息处理

    #coding=utf8 import arcpy import os import sys import ylpy try: a=1111111 b=0000 c=a/b except Except ...

  4. QDateTime QString

    QDateTime格式化  yyyy-MM-dd hh:mm:ss QString getFormatDateStr(QDateTime dateTimeParam) { qDebug() <& ...

  5. js往标签下插入标签的方法

    js="document.getElementsByClassName('CodeMirror-line')[0].innerHTML = 'xxxxxx'"dr.execute_ ...

  6. JAVA数据结构和算法 1-综述:数据结构和数据类型

    数据结构:指数据在计算机内存空间中或者磁盘中的组织形式. 对于数据结构的操作:插入.删除.查找.迭代遍历.排序等: Java.util包中含有诸如向量(一个可扩充的数组).栈.哈希表等类型的数据结构, ...

  7. Net中实现HTML生成图片或PDF

    Net中实现HTML生成图片或PDF的几种方式 前段时间由于项目上的需求,要在.Net平台下实现把HTML内容生成图片或PDF文件的功能,特意在网上研究了几种方案,这里记录一下以备日后再次使用.当时想 ...

  8. windows批量导出文件名到txt

    做图像处理时,经常会遇到训练数据样本,这个时候一般就会要一个保存了大量文件名txt文件作为数据的输入 windows系统中可以直接使用dir,具体使用可以直接打开windows的终端 输入 dir/? ...

  9. markdown转移字符表

    本片转的ASCII码,主要针对$,另外我为了不让"&#xxx;"被转移成字符,我在分号";"前加了个空格,复制的时候注意一下 字符 转义 0 空格 @ ...

  10. Python中最常见的10个问题(列表)

    列表是Python中使用最多的一种数据结果,如何高效操作列表是提高代码运行效率的关键,这篇文章列出了10个常用的列表操作,希望对你有帮助. 1.迭代列表时如何访问列表下标索引 普通版: items = ...