WebSocket协议讲解

最新推荐文章于 2022-10-12 01:59:03 发布
最新推荐文章于 2022-10-12 01:59:03 发布
阅读量365 收藏 3
点赞数
分类专栏： 计算机网络 文章标签： 计算机网络 websocket http
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chrisnotfound/article/details/80289670
版权

WebSocket是什么

Wiki上是这样介绍的：WebSocket是一种在单个TCP连接上进行全双工通讯的协议。

这里做个补充：是HTML5开始提供的一种浏览器与服务器进行全双工通讯的网络技术，属于应用层协议。它基于TCP传输协议，并复用HTTP的握手通道。WebSocket使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在WebSocket API中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。

 

WebSocket产生的背景

说到WebSocket产生的背景，就必须得先了解HTTP的通信机制。

HTTP的生命周期通过Request来界定，也就是一个Request 一个Response，那么在HTTP1.0中，这次HTTP请求就结束了。在HTTP1.1中进行了改进，使得有一个keep-alive，也就是说，在一个HTTP连接中，可以发送多个Request，接收多个Response。但是请记住 Request = Response ， 在HTTP中永远是这样，也就是说一个request只能有一个response。而且这个response也是被动的，不能主动发起。

所以，为了创建一个具有双向通信机制的web应用时（如web IM），就只能利用http轮询的方式，分为短轮询和长轮询，具体可以学习ajax和comet技术。

轮询这种方式，有很多缺点，比如每次请求，都有很多重复的信息（较长的HTTP头），浪费很多资源和带宽，此外，这种方式会有一定的时延，对于需要即时通讯的应用是难以被接受的。

于是，就有了WebSocket协议。

 

WebSocket建立连接

WebSocket只需要一次握手，并且为了兼容现有的HTTP的服务端组件，在HTTP请求上做了升级完成握手。具体指的是，客户端通过HTTP请求与WebSocket服务端协商升级协议。协议升级完成后，后续的数据交换则遵照WebSocket的协议。

握手过程如下：

1.     客户端浏览器发起协议升级请求

GET ws://127.0.0.1:8080/websocketTest/user000 HTTP/1.1
Host: 127.0.0.1:8080
Connection: Upgrade
Upgrade: websocket
Origin: http://localhost:8080
Sec-WebSocket-Version: 13
User-Agent: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.139 Safari/537.36
Accept-Encoding: gzip, deflate, br
Accept-Language: zh-CN,zh;q=0.9
Sec-WebSocket-Key: 5J5p7v3DZ8Tosy2W0g9UYQ==
Sec-WebSocket-Extensions: permessage-deflate; client_max_window_bits

Connection:Upgrade：表示要升级协议

Upgrade:websocket：表示要升级到websocket协议。

Sec-WebSocket-Version:13：表示websocket的版本。如果服务端不支持该版本，需要返回一个Sec-WebSocket-Versionheader，里面包含服务端支持的版本号。

Sec-WebSocket-Key：与后面服务端响应首部的Sec-WebSocket-Accept是配套的，提供基本的防护，比如恶意的连接，或者无意的连接。

Sec-WebSocket-Extension：客户端通过包含一个|Sec-WebSocket-Extensions|头字段请求扩展


2.     服务端响应协议升级

HTTP/1.1 101
Upgrade: websocket
Connection: upgrade
Sec-WebSocket-Accept: py9zdlc/o6/uW2v87YlCOCY6PKo=
Sec-WebSocket-Extensions: permessage-deflate;client_max_window_bits=15
Date: Sat, 12 May 2018 02:50:16 GMT

Sec-WebSocket-Accept根据客户端请求首部的Sec-WebSocket-Key计算出来。

计算公式为：

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

通过SHA1计算出摘要，并转成base64字符串。

 

WebSocket优点

1.     服务器与客户端之间交换的标头信息很小，大概只有2字节

2.     客户端与服务器都可以主动传送数据给对方，真正的全双工

3.     不用频繁创建TCP请求及销毁请求，减少网络带宽资源的占用，同时也节省服务器资源

4.     支持扩展。ws协议定义了扩展，用户可以扩展协议，或者实现自定义的子协议。（比如支持自定义压缩算法等）



chrisnotfound
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
swoole基础之websocket服务
X-wolf的博客
12-22 354
    websocket协议是基于tcp的一种新的网络协议.它实现了浏览器与服务器全双工通信 - 允许服务器主动向客户端发送消息     websocket的请求与普通的HTTP的请求不同支持,可以通过请求头,看出一些端倪: general Request URL: ws://192.168.33.20:8812/ Request Method: GET Status Code...
【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
websocket协议规范
Shanks
02-05 639
以下内容转载自https://www.huaweicloud.com/articles/4157e9b5a58ef15e29d71f76b08e1b92.html websocket协议规范 作者：二郎666时间: 2019-11-02 08:06:49 标签：网络通信协议websocketwebsocket协议客户端vbwebsocket教程 《websocket协议详解》教程分三篇： 什么是websocket websocket协议规范 用vb编写websocket客户端示例（每秒...
Websocket学习（@EnableWebSocket&@ServerEndpoint&websocket认证&nginx配置WebSocket&gateway配置websocket）
pscool的博客
03-10 5071
WebSocket协议：5分钟从入门到精通 https://www.cnblogs.com/chyingp/p/websocket-deep-in.html WebSocket协议入门介绍 h ttps://www.cnblogs.com/nuccch/p/10947256.html
WebSocket 协议讲解
m0_46653436的博客
07-18 1268
WebSocket协议主要为了解决基于HTTP/1.x的Web应用无法实现服务端向客户端主动推送的问题,为了兼容现有的设施,WebSocket协议使用与HTTP协议相同的端口,并使用HTTPUpgrade机制来进行WebSocket握手,当握手完成之后,通信双方便可以按照WebSocket协议的方式进行交互RFC6455https。...
websocket 协议介绍
08-04
webSocket 协议介绍，ppt内容是协议的讲解，对正在研究协议的人有帮助
PHP 实现 WebSocket 协议原理与应用详解
12-17
下面会讲解一下什么是 WebSocket，以及使用 PHP 实现 WebSocket。 WebSocket 是什么？ PHP 实例 应用场景 一、WebSocket 是什么 WebSocket 是一种网络传输协议，可在单个 TCP 连接上进行全双工通信，位于 OSI ...
HTML5 WebSocket权威指南
10-10
主要内容包括： WebSocket API和协议、WebSocket协议通信的例子、WebSocket的安全性和企业部署、内置即时通信和聊天应用程序的WebSocket与XMPP、通过WebSocket的STOMP实现发布/订阅消息传递协议，以及用远程帧缓冲...
php中使用websocket详解
12-18
在PHP中，开发者需要考虑的东西比较多，从socket的连接、...　WebSocket是一个持久化的协议，这是相对于http非持久化来说的。 　举个简单的例子，http1.0的生命周期是以request作为界定的，也就是一个request，一个r
HTML5WebSocket权威指南
07-22
资源名称：HTML5 WebSocket权威指南内容...书中讨论了基于WebSocket的架构师如何减少不必要的网络开销和延迟层，如何通过WebSocket对广泛使用的协议（如XMP 资源太大，传百度网盘了，链接在附件中，有需要的同学自取。
websocket协议详解
如果没有梦想，那跟咸鱼有什么分别
10-12 3782
websocket是什么？ websocket是一种浏览器与服务器进行全双工通信的网络技术，属于 应用层协议。它 基于TCP传输协议，并 复用HTTP 的握手通道，用来弥补HTTP协议在持久通信能力上的不足。
Nginx Websocket 配置
cr7258的博客
03-25 1550
Websocket 简介 WebSocket 是一种基于 TCP 连接的全双工通信的协议，其工作在应用层，建立连接的时候通过复用 Http 握手通道，完成 Http 协议的切换升级，即切换到 WebSocket 协议，协议切换成功后，将不再需要客户端发起请求，服务端就可以直接主动向客户端发送数据，实现双向通信。 和 Http 相比，WebSocket有以下优点: WebSocket 是双向通信协议，可以双向发送或接受信息。HTTP是单向的，只能由客户端发起请求时，服务器才能响应，服务器不能主动向客户端发送
websocket协议解析
有志者事竟成
03-09 514
websocket协议解析 wensocket协议包含两部分:一部分是“握手”，一部分是“数据传输”。 为了便于演示，我们采用swoole建立一个websocket服务器来演示。第一步、握手①客户端向服务端发起连接请求 如图，我们在请求服务器的时候，发送了这样的request header。下面我们就一些比较重要的字段信息进行说明：Connection:Upgrade #通知服务器协议升级 Upg...
Websocket系列 -- 协议详解
Justinjiang1314的博客
04-02 3452
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
详解WebSocket协议
sermonlizhi的博客
07-09 3587
一、WebSocket协议 WebSocket可以实现客户端与服务器间双向、基于消息的文本或二进制数据传输。它是浏览器中最靠近套接字的API，但WebSocket连接远远不是一个网络套接字，因为浏览器在这个简单的API之后隐藏了所有的复杂性，而且还提供了更多服务： 连接协商和同源策略 与既有HTTP基础设施的互操作 基于消息的通信和高效消息分帧 子协议协商及可扩展能力 WebSocket是浏览器中最通用最灵活的一个传输机制，其极简的API可以让我们在客户端和服务器之间以数据流的形式实现各种应用数据交换(
推送方案之 WebSocket
weixin_40662552的博客
08-10 827
1. 推送技术常见的几种方案 1.1 短连接轮询 前端使用定时器，每间隔一段时间发送请求来获取数据是否更新，前端可以通过比较数据是否更新来判断是否需要更新页面，通常采取setInterval实现。这种方式最简单也是兼容性最高的。 缺点： 页面会出现‘假死’ setInterval在等到每次EventLoop时，都要判断是否到指定时间，直到时间到再执行函数，一旦遇到页面有大量任务或者任务处理时间特别耗时的情况下，页面就会出现‘假死’现象，无法及时更新到最新的数据。 多余的网络传输 当客户端按固定频率向
WebSocket -- 扫盲篇
学习小使者 的专栏
05-22 3207
一、WebSocket是HTML5出的东西（协议），也就是说HTTP协议没有变化，或者说没关系，但HTTP是不支持持久连接的（长连接，循环连接的不算） 首先HTTP有1.1和1.0之说，也就是所谓的keep-alive，把多个HTTP请求合并为一个，但是Websocket其实是一个新协议，跟HTTP协议基本没有关系，只是为了兼容现有浏览器的握手规范而已，也就是说它是HTTP协议上的一种补充可以通
解决o.s.web.servlet.PageNotFound 异常
Zhangjiangyuan的博客
03-26 9888
在项目启动的时候报下列的异常 Closing non transactional SqlSession [org.apache.ibatis.session.defaults.DefaultSqlSession@7937e82f] 2019-05-30 12:59:48.331 WARN 5032 --- [nio-8081-exec-9] o.s.web.servlet.PageNotFound : No mapping for GET /chem/grids.html 2019
websocket 讲解
最新发布
09-20
websocket是一种在客户端和服务器之间进行双向通信的协议。它通过建立一个持久的连接，使得服务器可以主动向客户端推送数据，而不需要客户端不断发送请求。在服务器端，可以使用不同的编程语言或框架来实现websocket，例如nodejs、Java、Python和.net等。 对于nodejs，可以使用Socket.IO库来实现websocket的功能。Socket.IO提供了WebSocket API，用于连接建立、断开、消息传递等操作。同时，Socket.IO也提供了封装每个事件类型的方法，方便开发者使用。 下面是一个使用Socket.IO的nodejs实例： ```javascript var serverAddr = 'ws://localhost:3000'; // 创建一个Socket实例 var socket = new WebSocket(serverAddr); // 打开Socket socket.onopen = function(event) { // 发送一个初始化消息 socket.send('I am the client and I\'m listening!'); // 监听消息 socket.onmessage = function(event) { console.log('Client received a message', event); }; // 监听Socket的关闭 socket.onclose = function(event) { console.log('Client notified socket has closed', event); }; // 关闭Socket // socket.close(); }; ``` 在上述例子中，首先创建了一个Socket实例，并指定了服务器的地址。然后，通过`onopen`事件处理程序发送了一个初始化消息，并通过`onmessage`事件处理程序监听消息的接收。最后，通过`onclose`事件处理程序监听Socket的关闭。 除了nodejs，还有其他语言和框架也可以用来实现websocket，如Java的Kaazing WebSocket Gateway、Python的mod_pywebsocket、Java的Netty和.net的WebSocket4Net等。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值