websocket基础知识及心跳机制

最新推荐文章于 2024-08-23 14:07:14 发布
最新推荐文章于 2024-08-23 14:07:14 发布
阅读量2.2k 收藏
点赞数
分类专栏： 前端笔记 JavaScript笔记 文章标签： websocket 网络 http
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/uniik/article/details/123126914
版权
WebSocket是一种持久连接协议，握手过程利用HTTP，具有全双工通信、减少头部开销和更强实时性等优点。它常用于需要实时交互的场景，如聊天应用。文章介绍了WebSocket的基础知识，包括其与轮询、长轮询的区别，以及如何建立连接、使用方法、事件监听。此外，还详细讨论了WebSocket的心跳机制和重连策略，确保连接的稳定性和可靠性。
摘要由CSDN通过智能技术生成

WebSocket

相对于HTTP这种非持久的协议来说，Websocket是一个持久的协议

1. 特点

  1. Websocket的握手部分是和http一样的，或者说借用了HTTP的协议来握手
  2. 在websocket首次连接的报文中加入了两个不同于普通http的首部字段
  3. 全双工通信
  4. 不用每次交换header等信息

请求报文

GET /chat HTTP/1.1
Host: server.example.com
Upgrade: websocket 
Connection: Upgrade
Sec-WebSocket-Key: x3JJHMbDL1EzLkh9GBhXDw==
Sec-WebSocket-Protocol: chat, superchat
Sec-WebSocket-Version: 13
Origin: http://example.com

upgrade表示升级协议(切换协议)，connection连接方式为升级后协议

Sec-WebSocket-Key: 一个Base64 encode的值（由浏览器随机生成）

Sec-WebSocket-Protocol: 由用户自定义，区分同一个URL下面的不同服务

Sec-WebSocket-Version: ws版本（早期ws的实现版本不止一个）

响应报文

HTTP/1.1 101 Switching Protocols
Upgrade: websocket
Connection: Upgrade
Sec-WebSocket-Accep
最低0.47元/天 解锁文章
uniik
关注
专栏目录
【网络入门】详解常用的基础网络知识（面试笔试常考内容）
dvlinker的技术专栏
04-26 6万+
本文结合多年来的工作实践，来详细讲述一下作为IT从业人员要掌握的一些基础网络知识。
websocket心跳的实现（包括全部代码）
热门推荐
皖林的博客
08-12 4万+
本文主要讲的是如果设计websocket心跳已经需要考虑哪些问题。前言在使用websocket的过程中，有时候会遇到客户端网络关闭的情况，而这时候在服务端并没有触发onclose事件。这样会： 多余的连接 服务端会继续给客户端发数据，这些数据会丢失 所以就需要一种机制来检测客户端和服务端是否处于正常连接的状态。这就是websocket心跳，这个名字非常生动形象，还有心跳说明还活着（保持正常连接），没
websocket 心跳连接
04-20
前端实现 websocket心跳连接 支持心跳检测和心跳重连
简易的 Websocket + 心跳机制 + 尝试重连
最新发布
Lovely Ruby 的手账
08-23 1682
创建一个变量 heartbeatInterval 来存储心跳定时器。// 如果在超时时间内没有收到 "pong" 响应，则关闭当前连接。// 使用null来标记当前没有活动的WebSocket连接。// 设置超时时间为 15 秒。// 立即发送第一个心跳包。// 检查是否为心跳响应。// 确保关闭旧的连接。// 每30秒发送一次。// 存储心跳定时器。// 存储超时定时器。// 清除超时定时器。// 重置心跳定时器。// 清除心跳定时器。// 重置心跳定时器。// 重新设置定时器。
理解WebSocket心跳及重连机制（五）
weixin_33978016的博客
03-26 3500
理解WebSocket心跳及重连机制     在使用websocket的过程中，有时候会遇到网络断开的情况，但是在网络断开的时候服务器端并没有触发onclose的事件。这样会有：服务器会继续向客户端发送多余的链接，并且这些数据还会丢失。所以就需要一种机制来检测客户端和服务端是否处于正常的链接状态。因此就有了websocket的心跳了。还有心跳，说明还活着，没有心跳说明已经挂掉了。 1. 为什么...
websocket的心跳机制
weixin_45266081的博客
05-14 920
第一种方式会对服务器造成很大的压力，因为即使WebSocket连接正常，也要定时发送心跳包，从而消耗服务器资源。第二种方式虽然减轻了服务器的负担，但是在重连时可能会丢失一些数据。WebSocket心跳包是WebSocket协议的保活机制，用于维持长连接。有效的心跳包可以防止长时间不通讯时，WebSocket自动断开连接。心跳包是指在一定时间间隔内，WebSocket发送的空数据包。
WebSocket心跳机制
赵广陆
08-23 2158
目录 1 WebSocket简介 2 WebSocket事件与方法 2.1 创建WebSocket实例 2.2 WebSocket 事件 2.3 WebSocket 方法 3 WebSocket的心跳重连机制 3.1 问题 3.2 心跳重连机制 4 实际使用 1 WebSocket简介 WebSocket是HTML5开始提供的一种浏览器与服务器进行全双工通讯的网络技术，属于应用层协议。 WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。
WebSocket心跳机制（笔记大全）
zz130428的博客
07-25 1万+
第一种方式会对服务器造成很大的压力，因为即使WebSocket连接正常，也要定时发送心跳包，从而消耗服务器资源。WebSocket心跳机制是必要的，它可以使WebSocket连接保持长连接，避免断开连接的情况发生。WebSocket心跳机制的原理是利用心跳包及时发送和接收数据，保证WebSocket长连接不被断开。WebSocket需要心跳，因为WebSocket连接可能会因为长时间没有数据传输而被断开，而心跳机制可以及时检测连接状态，保持WebSocket长连接。
C# WinForm客户端连接 WebSocket
07-28
首先，让我们了解WebSocket的基础知识。WebSocket是一种在单个TCP连接上进行全双工通信的协议，它极大地简化了浏览器和服务器之间的数据交换，特别是在需要频繁交互或实时性要求高的应用中。WebSocket API被设计为低...
websocket知识汇总以及websocket在Django中的实现
guyunzh的博客
06-06 1万+
        最近在完成项目中需要用到实时技术,项目需求是将后端的一个文件内容实时读取然后发送到前端.这里主要涉及到两个技术.一个是后端如何实时读取一直在更新中的数据,另一点是如何保证web前后端的通讯,能将读取到的数据实时传送给前端.        由于主要是进行后端开发,前端涉及的少,趁这个机会刚好学习了一下前端的一些知识.一.Ajax轮询        最开始解决实时通讯Google后使用...
webSocket心跳检测思路及代码实现.html
01-15
webSocket心跳检测机制及代码思想 次文章只是提供一下本人设计思路 心跳检测有很多方式可以实现在此 只是为大家提供一下思路大家一起相互学习 一起进步
webSocket封装，心跳检测+断线重连基于ES6 class
禅思院
01-16 8133
ES6 class 封装websocket 使用 介绍 在《菜鸟教程中》这样介绍WebSocket WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。 WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的...
websocket 心跳机制
weixin_48329823的博客
04-19 4686
为了保持连接的稳定性，就需要通过发送心跳消息来维持 WebSocket 连接。4、在客户端检测到 WebSocket 连接关闭时，清除心跳定时器。在客户端接收到服务器发送的消息时，清除了原来的心跳定时器，并重新创建了一个心跳定时器，从而保证 WebSocket 的连接状态。3、在客户端接收到服务器发送的消息时，清除心跳定时器。2、在客户端连接到 WebSocket 服务器之后，通过 setInterval 方法定时发送心跳消息。当检测到 WebSocket 连接关闭时，清除了心跳定时器。
WebSocket和心跳机制
weixin_46554760的博客
01-04 8041
HTTP 协议有一个缺陷：通信只能由客户端发起。 对一些功能需要实时获取信息的功能就需要使用js的轮询。就是每隔一段时间掉一次接口使用setIntval 轮询的效率低，非常浪费资源（因为必须不停连接，或者 HTTP 连接始终打开） WebSocket最大特点就是，服务器可以主动向客户端推送信息，客户端也可以主动向服务器发送信息，是真正的双向平等对话 协议标识符是ws（如果加密，则为wss 与 HTTP 协议有着良好的兼容性。默认端口也是80和443 使用： created () { this.initWeb
websocket 的心跳机制是什么
weixin_42610671的博客
02-14 1025
Websocket 的心跳机制是一种保持连接活跃的方式，它通过定期发送数据来验证连接是否仍然存在。如果接收方未能在预定的时间内响应心跳数据，则发送方可以认为连接已经中断，并进行必要的处理。心跳机制可以帮助避免长时间不活跃的连接被意外关闭，从而保证连接的稳定性和可靠性。 ...
websocket心跳机制
风上人的专栏
05-18 3150
作为一种双工通讯的协议，websocket在服务端与客户端保持一个长链接，但当我们使用nginx等反向代理中间件时，每隔60秒左右会检查长链接的活动状态，当在一个60秒的周期内没有通讯（发送数据）是，链接会被断开。所以使用websocket必须实现一种定期检测机制，在tomcat-websocket和spring-websocket中，都提供了Ping-Pong消息。 工作过程是：1、服务端发送PingMessage，2、浏览器接受后自动回复一条PongMessage；3、服务端在OnMessage方法中
WebSocket的心跳重连机制
qq_33922980的博客
10-20 1万+
WebSocket心跳及重连机制 在使用websocket的过程中，有时候会遇到网络断开的情况，但是在网络断开的时候服务器端并没有触发onclose的事件。这样会有：服务器会继续向客户端发送多余的链接，并且这些数据还会丢失。所以就需要一种机制来检测客户端和服务端是否处于正常的链接状态。因此就有了websocket的心跳了。还有心跳，说明还活着，没有心跳说明已经挂掉了。 1.为什么叫心跳包呢 它就像...
Unity Websocket实现跨平台聊天室教程
具体实现细节可能包括WebSocket的连接建立、消息格式定义、心跳机制、断线重连策略以及如何将WebSocket集成进Unity应用中等方面。 通过这个案例，开发者可以学习到如何利用Unity引擎结合WebSocket技术来构建一个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值