不要小看 WebSocket!长连接、有状态、双向、全双工都是王炸技能
zhezhongyun 2025-01-14 19:06 56 浏览
MQTT 是一种长连接的技术,所谓的长连接,就是保持长久的连接,每次连接可以传输多次数据,并且连接双方有保活机制维持连接。就好比异地办公室一样,有台设备一直保持在线,有问题需要沟通的时候,通过这台一直在线的设备沟通就行,这个就是长连接。
还有一种大家特别熟悉的协议:HTTP,它是无状态的协议,所谓的无状态就是请求与请求之间不存在记忆关系,服务器是不知道客户端的状态的。
那么我们今天要讲的 WebSocket 是什么样的协议,它的王炸特点又有哪些呢?
下面瑞哥带您揭开 WebSocket 的神秘面纱!
什么是 WebSocket?
WebSocket 是一种用于在 Web 浏览器和服务器之间创建快速双向通道的协议,通过单个 TCP 连接持续传输数据。
WebSockets 允许发送 基于消息 的数据,类似于 UDP,但具有 TCP 的 可靠性 ,WebSocket 使用 HTTP 作为初始传输机制,但在收到 HTTP 响应后保持 TCP 连接处于活动状态,以便用于在客户端和服务器之间发送消息。
UDP
- 英文全称: User Datagram Protocol
- 中文名称: 用户数据报协议
- 无连接协议
- 速度快
- 允许丢失数据包
- 适合需要快速、高效传输的应用
TCP
- 英文全称: Transmission Control Protocol
- 中文名称: 传输控制协议
- 面向连接的协议
- 传输可靠,保证不会丢失任何数据包
- 速度较慢,需要更多资源
- 适合需要高可靠性的应用程序
HTTP
- 英文全称: Hypertext Transfer Protocol
- 中文名称: 超文本传输协议
- 无状态协议
- 遵循客户端-服务器模型
- 广泛应用于 Web 浏览器和 Web 服务器之间通信
- WebSocket URL 使用 ws 或者 wss,而不是 http、https
WebSocket 是如何工作的?
首先,让我们看看在没有 WebSocket 的情况下如何调用网站,在 Internet 上,网页通常通过 HTTP 连接传输,数据通过协议进行通信,然后网站就会显示在浏览器中,然后用户的每个动作,比如单击或者双击某个按钮或者链接 的时候,客户端都会向服务器发送一个请求。
当通过 HTTP 调用网站时,客户端首先必须向服务器发送请求,然后服务器通过发送请求的内容进行响应,换句话说,HTTP 基于简单的 请求和响应模型 工作,这会产生很大的 延迟 。
然后我们再来看看 WebSocket 连接是如何进行的?
WebSocket 通过握手来做到客户端与服务器的连接,握手的流程和 TCP 三次握手类似,握手后,通道保持打开状态,然后客户端和服务端可以保持持久通信,服务器可以独立地向客户端发送数据,而 无需 客户端请求。
当 WebSocket 首次启动时,会向指定的 URL 发送一个简单的 HTTP 请求,从那里,HTTP 请求“升级”到 TCP 套接字,本质上是一个安全隧道,用于在 HTTP 握手发生后数据流过,握手可以被认为是客户端和服务器之间保持连接的“协议”。
这个就很强了,以前是你必须触发一下服务器的相关接口,吼一下,服务器才会给你数据,现在主动权可以握在服务器和客户端双方了,服务器有新的消息也可以主动发给客户端,这个其实就是 双向通信 。
- 第一步:客户端向服务端通过握手协议建立连接
- 第二步:服务端向客户端回应握手请求
- 第三步:服务端开始向客户端推送消息
- 第四步:客户端可以主动断开 websocket 连接
WebSocket 使用场景
WebSocket 使用场景非常多,只要的长连接的应用,一定有 WebSocket 的身影,比如:
- 游戏平台
- 直播平台
- 视频平台
- 聊天平台
- 等等
WebSocket 与 MQTT 的对比
- WebSocket 没有优先级的概念,而 MQTT 可以设置优先级
- WebSocket 延迟比较低,而 MQTT 延迟比较高
- WebSocket 没有主题的概念,而 MQTT 可以设置主题
WebSocket 与 HTTP 的对比
- WebSocket 是一种双向通信协议,而 HTTP 协议是一种单向协议
- HTTP 连接比 WebSocket 慢
- WebSocket 协议提供了一个持久连接来交换消息,而 HTTP 虽然允许多个请求重用单个连接,但通常会有小的超时时间来控制资源消耗。
WebSocket 优势
- 支持双工通信。
- 可以实时发送和接收数据。
- 可以跨源通信
- 跨平台兼容性好
- 开销小
- 支持长连接
- 等等
WebSocket 缺点
- Web 浏览器必须完全兼容 HTML5,不然用不了 WebSocket
- 不适于多次动态的场景
- 没办法做到本地缓存
- 跨源通信可能带来数据泄露的风险
总结
WebSocket 是一种非常常用的协议,多数用在需要实时更新数据的场景,快速、延迟小、长连接等特点都是它的优势,并且支持好多 sdk,比如 js、java、python、go 等。
本文主要从以下方面介绍了 WebSocket:
- 什么是 WebSocket?
- UDP
- TCP
- HTTP
- WebSocket 是如何工作的?
- WebSocket 使用场景
- WebSocket 与 MQTT 的对比
- WebSocket 与 HTTP 的对比
- WebSocket 优势
- WebSocket 缺点
- 总结
感谢您的阅读,如果觉得文章对您有帮助,别忘了点赞:+1:、收藏:star:哦!有任何问题,欢迎在下方评论区与我讨论!!!
来源: https://xie.infoq.cn/article/ebb716bcc6ab2ce5b275a7d6b
相关推荐
- JPA实体类注解,看这篇就全会了
-
基本注解@Entity标注于实体类声明语句之前,指出该Java类为实体类,将映射到指定的数据库表。name(可选):实体名称。缺省为实体类的非限定名称。该名称用于引用查询中的实体。不与@Tab...
- Dify教程02 - Dify+Deepseek零代码赋能,普通人也能开发AI应用
-
开始今天的教程之前,先解决昨天遇到的一个问题,docker安装Dify的时候有个报错,进入Dify面板的时候会出现“InternalServerError”的提示,log日志报错:S3_USE_A...
- 用离散标记重塑人体姿态:VQ-VAE实现关键点组合关系编码
-
在人体姿态估计领域,传统方法通常将关键点作为基本处理单元,这些关键点在人体骨架结构上代表关节位置(如肘部、膝盖和头部)的空间坐标。现有模型对这些关键点的预测主要采用两种范式:直接通过坐标回归或间接通过...
- B 客户端流RPC (clientstream Client Stream)
-
客户端编写一系列消息并将其发送到服务器,同样使用提供的流。一旦客户端写完消息,它就等待服务器读取消息并返回响应gRPC再次保证了单个RPC调用中的消息排序在客户端流RPC模式中,客户端会发送多个请...
- 我的模型我做主02——训练自己的大模型:简易入门指南
-
模型训练往往需要较高的配置,为了满足友友们的好奇心,这里我们不要内存,不要gpu,用最简单的方式,让大家感受一下什么是模型训练。基于你的硬件配置,我们可以设计一个完全在CPU上运行的简易模型训练方案。...
- 开源项目MessageNest打造个性化消息推送平台多种通知方式
-
今天介绍一个开源项目,MessageNest-可以打造个性化消息推送平台,整合邮件、钉钉、企业微信等多种通知方式。定制你的消息,让通知方式更灵活多样。开源地址:https://github.c...
- 使用投机规则API加快页面加载速度
-
当今的网络用户要求快速导航,从一个页面移动到另一个页面时应尽量减少延迟。投机规则应用程序接口(SpeculationRulesAPI)的出现改变了网络应用程序接口(WebAPI)领域的游戏规则。...
- JSONP安全攻防技术
-
关于JSONPJSONP全称是JSONwithPadding,是基于JSON格式的为解决跨域请求资源而产生的解决方案。它的基本原理是利用HTML的元素标签,远程调用JSON文件来实现数据传递。如果...
- 大数据Doris(六):编译 Doris遇到的问题
-
编译Doris遇到的问题一、js_generator.cc:(.text+0xfc3c):undefinedreferenceto`well_known_types_js’查找Doris...
- 网页内嵌PDF获取的办法
-
最近女王大人为了通过某认证考试,交了2000RMB,官方居然没有给线下教材资料,直接给的是在线教材,教材是PDF的但是是内嵌在网页内,可惜却没有给具体的PDF地址,无法下载,看到女王大人一点点的截图保...
- 印度女孩被邻居家客人性骚扰,父亲上门警告,反被围殴致死
-
微信的规则进行了调整希望大家看完故事多点“在看”,喜欢的话也点个分享和赞这样事儿君的推送才能继续出现在你的订阅列表里才能继续跟大家分享每个开怀大笑或拍案惊奇的好故事啦~话说只要稍微关注新闻的人,应该...
- 下周重要财经数据日程一览 (1229-0103)
-
下周焦点全球制造业PMI美国消费者信心指数美国首申失业救济人数值得注意的是,下周一希腊还将举行第三轮总统选举需要谷歌日历同步及部分智能手机(安卓,iPhone)同步日历功能的朋友请点击此链接,数据公布...
- PyTorch 深度学习实战(38):注意力机制全面解析
-
在上一篇文章中,我们探讨了分布式训练实战。本文将深入解析注意力机制的完整发展历程,从最初的Seq2Seq模型到革命性的Transformer架构。我们将使用PyTorch实现2个关键阶段的注意力机制变...
- 聊聊Spring AI的EmbeddingModel
-
序本文主要研究一下SpringAI的EmbeddingModelEmbeddingModelspring-ai-core/src/main/java/org/springframework/ai/e...
- 前端分享-少年了解过iframe么
-
iframe就像是HTML的「内嵌画布」,允许在页面中加载独立网页,如同在画布上叠加另一幅动态画卷。核心特性包括:独立上下文:每个iframe都拥有独立的DOM/CSS/JS环境(类似浏...
- 一周热门
- 最近发表
- 标签列表
-
- HTML 教程 (33)
- HTML 简介 (35)
- HTML 实例/测验 (32)
- HTML 测验 (32)
- HTML 参考手册 (28)
- JavaScript 和 HTML DOM 参考手册 (32)
- HTML 拓展阅读 (30)
- HTML中如何键入空格 (27)
- HTML常用标签 (29)
- HTML文本框样式 (31)
- HTML滚动条样式 (34)
- HTML5 浏览器支持 (33)
- HTML5 新元素 (33)
- HTML5 WebSocket (30)
- HTML5 代码规范 (32)
- HTML5 标签 (717)
- HTML5 标签 (已废弃) (75)
- HTML5电子书 (32)
- HTML5开发工具 (34)
- HTML5小游戏源码 (34)
- HTML5模板下载 (30)
- HTTP 状态消息 (33)
- HTTP 方法:GET 对比 POST (33)
- 键盘快捷键 (35)
- 标签 (226)