WebSocket相关知识

简介: WebSocket相关知识

WebSocket 是基于 TCP 的一种新的网络协议。它实现了浏览器与服务器全双工通信——浏览器和服务器只需要完成一次握手,两者之间就可以创建持久性的连接, 并进行双向数据传输。【应用场景:视频弹幕、网页聊天、体育实况更新、股票基金报价】


缺点:


  • 服务器长期维护长连接需要一定的成本
  • 各个浏览器支持程度不一
  • WebSocket 是长连接,受网络限制比较大,需要处理好重连


一、与HTTP协议对比

  • WebSocket 是一种双向实时通信协议,而 HTTP 是一种单向通信协议。并且,HTTP 协议下的通信只能由客户端发起,服务器无法主动通知客户端。


  • WebSocket 使用 ws:// 或 wss://(使用 SSL/TLS 加密后的协议,类似于 HTTP 和 HTTPS 的关系) 作为协议前缀,HTTP 使用 http:// 或 https:// 作为协议前缀。


  • WebSocket 可以支持扩展,用户可以扩展协议,实现部分自定义的子协议,如支持压缩、加密等。


  • WebSocket 通信数据格式比较轻量,用于协议控制的数据包头部相对较小,网络开销小,而 HTTP 通信每次都要携带完整的头部,网络开销较大(HTTP/2.0 使用二进制帧进行数据传输,还支持头部压缩,减少了网络开销)

WebSocket并不能完全取代HTTP,它只适合在特定的场景下使用

【问:为什么websocket更好?】

WebSockets更适合低延迟通信的情况,特别是客户端到服务器消息的低延迟。对于从服务器到客户机的数据,您可以使用长时间保持的连接和块传输获得相当低的延迟。但是,这无助于解决客户机到服务器的延迟问题,因为这需要为每个客户机到服务器的消息建立一个新的连接。


HTTP和WebSocket都有相同大小的初始连接握手,但是对于WebSocket连接,初始握手执行一次,然后小消息只有6字节的开销(头2字节和掩码值4字节)。延迟开销不是来自报头的大小,而是来自解析/处理/存储这些报头的逻辑。此外,TCP连接建立延迟可能是比每个请求的大小或处理时间更大的因素


二、与SSE对比

  • SSE 是基于 HTTP 协议的,它们不需要特殊的协议或服务器实现即可工作;WebSocket 需单独服务器来处理协议。
  • SSE 单向通信,只能由服务端向客户端单向通信;WebSocket 全双工通信,即通信的双方可以同时发送和接受信息。
  • SSE 实现简单开发成本低,无需引入其他组件;WebSocket 传输数据需做二次解析,开发门槛高一些。
  • SSE 默认支持断线重连;WebSocket 则需要自己实现。
  • SSE 只能传送文本消息,二进制数据需要经过编码后传送;WebSocket 默认支持传送二进制数据

SSE 具有 WebSocket 在设计上缺乏的多种功能,例如:自动重新连接、事件 ID 和发送任意事件的能力

1.SSE相对于Websockets的优势:

  • 通过简单的HTTP传输,而不是自定义协议
  • 可以用javascript填充多边形,将SSE“后移植”到还不支持它的浏览器。
  • 内置支持重新连接和事件id
  • 简单的协议

公司防火墙做包检查没有问题

2.Websockets相对于SSE的优势:

  • 实时、双向通信。
  • 更多浏览器的本地支持

3.SSE的理想用例:

  • 股票行情流
  • 推特更新
  • 通知浏览器

4.缺点:

  • 不支持二进制
  • 最大打开连接限制
相关文章
|
JavaScript API
Vue使用vue-3d-model组件预览3D三维文件、立体文件,支持旋转、自动播放
Vue使用vue-3d-model组件预览3D三维文件、立体文件,支持旋转、自动播放
|
机器学习/深度学习 人工智能 安全
通义千问开源的QwQ模型,一个会思考的AI,阿里云百炼邀您第一时间体验
Qwen团队推出新成员QwQ-32B-Preview,专注于增强AI推理能力。通过深入探索和试验,该模型在数学和编程领域展现了卓越的理解力,但仍在学习和完善中。目前,QwQ-32B-Preview已上线阿里云百炼平台,提供免费体验。
4376 0
|
JavaScript
element-ui 在vue中el-input输入框的autofocus属性失效【解决方案】
element-ui 在vue中el-input输入框的autofocus属性失效【解决方案】
876 1
|
监控 Cloud Native 微服务
云端漫步:探索云原生应用的构建与部署
【10月更文挑战第32天】在数字时代的浪潮中,云原生技术如同一艘航船,承载着企业的梦想驶向未知的海洋。本文将带你领略云原生应用的魅力,从基础概念到实战操作,我们将一步步揭开云原生的神秘面纱,体验它如何简化开发、加速部署,并提升系统的可扩展性与可靠性。让我们一起启航,探索云原生的世界!
|
弹性计算 人工智能 Kubernetes
基于云效 AppStack,5 分钟搞定一个 AI 应用的开发和部署
区别于传统的流水线工具,本实验将带你体验云效应用交付平台 AppStack,从应用视角,完成一个 AI 聊天应用的高效交付。
56173 33
uniapp获取日期
uniapp获取日期
329 2
|
数据可视化 PyTorch TensorFlow
PyTorch SummaryWriter TensorBoard 中进行可视化
PyTorch SummaryWriter TensorBoard 中进行可视化
820 0
|
C语言 C++ Linux
查看gcc/g++默认include路径
转自:http://gcc.gnu.org/ml/gcc-help/2007-09/msg00205.html   `gcc -print-prog-name=cc1plus` -v `g++ -print-prog-name=cc1plus` -v   例如,CentOS 6.
2171 0
|
传感器 安全 物联网
C语言:物联网开发利器
C语言:物联网开发利器
|
移动开发 HTML5
解决VScode 使用 ! +Tab键无法无法生成HTML模板的问题
解决VScode 使用 ! +Tab键无法无法生成HTML模板的问题