揭开WebSocket的神秘面纱：利用Wireshark的抓包分析

最新推荐文章于 2024-08-09 11:55:24 发布
最新推荐文章于 2024-08-09 11:55:24 发布
阅读量3.3k 收藏 10
点赞数 5
文章标签： websocket wireshark 网络
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_59464259/article/details/120963829
版权
本文深入解析WebSocket协议，通过Wireshark抓包工具，展示WebSocket的连接建立、数据帧传输和关闭过程。讲解了客户端如何请求升级协议，服务端确认升级，以及数据帧的掩码处理机制，强调了WebSocket在全双工通信和低延迟上的优势，适用于实时性要求高的应用场景。
摘要由CSDN通过智能技术生成

目录

一、引语

一、抓包过程

抓包软件下载

选择网络

发送WebSocket请求

设置过滤器

二、抓包分析

建立连接的流程概述

客户端：请求升级协议

服务端：同意升级协议

发送数据帧

客户端：关闭WebSocket连接

为什么需要掩码处理？

三、小结

一、引语

互联网发展迅速，最初的网页是以文本为主，但很快就发展到使用大量的图片、音频、视频，并且对页面的实时性要求也越来越高。

在学习HTTP协议后，我们知道了，人们已经陆续使用HTTP/1.1的持续连接、HTTP/2的TCP复用等技术来解决这一问题。

那么有没有其他的方式呢？答案是肯定的，那就是我们今天要介绍的WebSocket，它是一种在单个TCP连接上进行全双工通信的协议。

在这里我借助抓包软件Wireshark，图文并茂，辅助理解

一、抓包过程

抓包软件下载

Wireshark · Go Deep.

选择网络

选择电脑连接的网络，这里我使用的是校园网WLAN

发送WebSocket请求

为了便于学习，我们可以使用网站（在线websocket测试-online tool-postjson）来体验这个过程。点击“连接”，就可以向服务器端发送请求信息，建立WebSocket连接啦

设置过滤器

返回软件，你会看到眼花缭乱的抓包结果。赶紧设置过滤器为服务端的ip地址，就可以找到我们的抓包结果啦！

二、抓包分析

建立连接的流程概述

步骤1：客户端和服务端完成三次握手建立TCP连接，这一点和HTTP协议没有差异

步骤2：由客户端发起HTTP请求，升级协议为WebSocket

步

最低0.47元/天 解锁文章
羽 生
关注
wireshark抓取websocket包
zsj777的专栏
05-18 6898
1、 2、
websocket_demo:websocket示例，可发送接收json数据
05-19
Websocket示例 作者：卞荣成作者博客：作者网站： 本项目采用“保持署名—非商用”创意共享4.0许可证。只要保持原作者署名和非商用，您可以自由地阅读、分享、修改。详细的法律条文请参见网站。 用法 1、在cmd中运行命令 node simpleWSserver.js 2、访问页面：simpleclient.html
Windows下通过WireShark抓包WebSocket协议-WSS
最新发布
u013771019的专栏
08-09 824
我们在正常使用WireShark抓包WebSocket协议的时候，如果只过滤wesocket，很可能只看到WebSocket的建立链接的过程，其他发送数据的过程可能看不到；由于我们这里是本地测试，用的是localhost，所有Wireshark的网卡选择【Adapter for loopback traffic】客户端发送WebSocket数据：可以在在下面的协议详情里面看到，客户端的数据现在是Unmasked的明文状态了。WebSocket协议是通过Http协议升级来的，可以支持长连接。
原来你是这样的Websocket--抓包分析
weixin_33698823的博客
03-15 1133
之前自己一个人负责完成了公司的消息推送服务，和移动端配合完成了扫码登录、订单消息推送、活动消息广播等功能。为了加深自己对Websocket协议的理解，自己通过进行抓包的方式学习了一番。现在分享出来，希望对大家能有所帮助。 Chrome控制台 (1)F12进入控制台，点击Network，选中ws栏，注意选中Filter。 (2)刷新页面会得到一个ws链接。 (3)点击链接可以查看链接详情 注意...
golang中的websocket，使用wireshark抓包
猛犸象
05-15 2507
golang中的websocket，使用wireshark抓包
websocket / 使用 wireshark 分析 websocket 连接过程
布袋和尚
07-07 2686
一、连接过程时序图 二、wireshark 分析 上图是一个完整的进行 websocket 连接时产生的数据包。 根据时序图可知，前 3 行是 tcp/ip 握手过程，因为可以通过标志来看到，前 3 个标志（Flags）分别为 SYN、SYN ACK、ACK。这是建立 http 请求的需要，和 websocket 没有关系。 第 4 条就是 client 主动发给 server 的握手协议了，如下图所示： 细心的小伙伴可以发现，这套代码是基于 C++ 版的 websocketpp 实现
利用Wireshark抓不到WebSocket数据包
07-27
- *2* [揭开WebSocket的神秘面纱：利用Wireshark的抓包分析](https://blog.csdn.net/m0_59464259/article/details/120963829)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_...
【知乎高赞】软件测试工程师应该怎样规划自己?成为年薪30W+测试工程师（乾坤未定，皆是黑马）
公众号已改名为-程序员阿沐
08-26 636
我把我的问题回答贴出来希望可以帮助到更多有类型问题，迷茫中的测试人。
软件测试工程师发展规划路线
云满笔记
10-03 8778
这里写目录标题1. 软件测试工程师发展规划路线1.1. 测试基础1.2. Linux 必备知识1.3. Shell 脚本1.4. 互联网程序原理1.5. MySQL 数据库1.6. 抓包工具1.7. 接口测试工具1.8. Web 自动化测试 Java&Python1.9. 接口与移动端自动化1.10. 敏捷测试 & TestOps 构建1.11. 性能测试 & 安全测试 1. 软件测试工程师发展规划路线 1.1. 测试基础 了解测试的基础技能, 掌握主流缺陷管理工具的使用, 熟练测试
大数据时代，自动化测试工程师的出路在哪里？
ifling99的博客
06-10 457
前段时间席卷全互联网行业的内卷现象，想必有不少人都深陷其中。其实刚开始测试行业人才往往供不应求，而在发展了十几年后，很多人涌入这个行业开始面对存量竞争。红利期过去了，仅剩内部争夺。即便如此，测试行业仍有许多隐藏的机会。因为大数据时代，测试用例量非常庞大。互联网行业需求迭代非常快，使得一个需求从提出到上线时间都非常紧急，在上线之前必须对原有功能进行回归测试。所以不管是接口还是从客户端，都需要大量的测试工作，对测试工程师的要求也越来越高。或许再过几年，自动化测试会成为从业者的准入门槛，如果做不好自动化测试，竞争
抓包工具：教你搞懂websocket如何来分析
测试官
01-22 1934
之前负责完成公司的消息推送服务，和移动端配合完成了扫码登录、订单消息推送、活动消息广播等功能。为了加深对Websocket协议的理解，通过进行抓包的方式学习了一番。现在分享出来，希望对大家能有所帮助。
wireshark如何抓取WebSocket数据包
joniers的博客
10-24 1万+
wireshark如何抓取WebSocket数据包 前文 WebSocket目前在web端使用官网，可以使用websocket来传输数据，解决了web端无法跟服务器维持高效的长链接的问题。什么是websocket呢？websocket是一种浏览器与服务器进行全双工通讯的应用层协议。它基于 TCP 传输协议，并复用 HTTP 的握手通道，可以在浏览器里使用，支持双向通讯。 本文来讲述一下如何通过wi...
WebSocket 协议原理（抓包分析）
qq_38937634的博客
12-14 6336
WebSocket 协议原理抓包分析 这篇文章通过抓包分析 WebSocket 协议的细节，学习一下 WebSocket 执行流程。 1.WebSocket 流程说明 **（1）**客户端和服务器之间完成三次握手建立 TCP 连接（TLS/SSL）握手。 **（2）**客户端发起 HTTP 请求和服务器之间建立 WebSocket 握手。 （3）WebSocket 连接建立之后，双方通信是基于 TCP 连接的，此后不需要 HTTP 协议了。 **（4）**完成 WebSocket 握手之后，就可以发送消息
利用Wireshark抓取WebSocket数据包
热门推荐
风起于青萍之末
12-24 5万+
前序最近刚到新的公司了，熟悉下环境，立马就要开始完成需求coding了。。比较坑的是，代码完全不熟悉的情况下，给个需求涉及到十几个模块了，都要改，郁闷。其中刚好有一个模块是web地图的，根据代码查看发现是通过WebSocket和flash进行实现的。 比较坑的是，我这边看不到websocket服务端代码的，只有客户端，然而客户端代码大部分都是写在JavaScript中的，刚开始还不太熟悉那个，连发
webSocket抓包分析
weixin_44975322的博客
10-26 2881
项目中浏览器需要和后端服务器联调，遇到各种webSocket连接问题，只能采用抓包来分析问题源头，具体参考下文： https://blog.csdn.net/u014252478/article/details/84380643
01-websocket简介及抓包分析
文思源想的技术空间
02-28 4311
01-ws框架测试 1 websocket简介 websocket是一种网络传输协议，可在单个tcp链接上进行全双工通信，位于OSI模型的应用层。 WebSocket 与 HTTP/2 一样，都是为了解决 HTTP 某方面的缺陷而诞生的。HTTP/2 针对的是“队头阻塞”，而 WebSocket 针对的是“请求 - 应答”通信模式。 WebSocket使得客户端和服务器之间的数据交换变得更加简单，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值