首页
题库
公司真题
专项练习
面试题库
在线编程
面试
面试经验
AI 模拟面试
简历
求职
学习
基础学习课
实战项目课
求职辅导课
专栏&文章
竞赛
我要招人
发布职位
发布职位、邀约牛人
更多企业解决方案
AI面试、笔试、校招、雇品
HR免费试用AI面试
最新面试提效必备
登录
/
注册
twentyl
华南农业大学 前端工程师
发布于广东
关注
已关注
取消关注
@__sgf__:
WebSocket
WebSocket详解WebSocket是一种在单个 TCP 连接上进行全双工通信的协议,它允许客户端和服务器之间进行实时数据交换。与传统的HTTP请求相比,WebSocket具有更低的延迟和更高的并发性,适用于实时通信场景,如即时聊天、实时游戏、实时数据更新等。WebSocket的主要特点和优势包括:实时性:WebSocket允许服务器主动向客户端推送数据,实现实时通信,无需客户端发起请求。全双工通信:WebSocket允许客户端和服务器同时发送和接收数据,实现真正的双向通信。较低的延迟:由于WebSocket在建立连接后保持长连接,减少了连接和关闭的开销,因此具有较低的延迟。更少的数据传输:WebSocket使用二进制帧传输数据,相比HTTP的文本传输,数据传输更加高效。跨域支持:WebSocket支持跨域通信,不受同源策略限制。WebSocket的通信过程如下:客户端发送WebSocket握手请求,请求头中包含Upgrade: websocket和Connection: Upgrade等字段,告知服务器希望升级到WebSocket协议。服务器返回WebSocket握手响应,响应头中包含Upgrade: websocket和Connection: Upgrade等字段,告知客户端已接受WebSocket协议。WebSocket连接建立后,客户端和服务器可以互相发送数据。客户端通过JavaScript的WebSocket对象进行数据交换,服务器则可以使用WebSocket库进行数据处理。当某一方需要关闭连接时,可以发送关闭帧进行关闭。连接关闭后,双方都会收到关闭通知。在前端,可以使用以下代码创建和使用WebSocket连接:// 创建WebSocket对象,参数是WebSocket服务器的URLconst socket = new WebSocket("ws://example.com");// 监听WebSocket连接建立事件socket.onopen = () => { console.log("WebSocket连接已建立");};// 监听WebSocket消息事件socket.onmessage = (event) => { const data = event.data; console.log("收到消息:" + data);};// 监听WebSocket连接关闭事件socket.onclose = () => { console.log("WebSocket连接已关闭");};// 向服务器发送消息socket.send("Hello, WebSocket!");在后端,可以使用WebSocket库(如ws模块)来创建WebSocket服务器,处理客户端的连接和消息:const WebSocket = require("ws");// 创建WebSocket服务器,监听指定端口const wss = new WebSocket.Server({ port: 8080 });// 监听WebSocket连接事件wss.on("connection", (ws) => { console.log("WebSocket连接已建立"); // 监听客户端发送的消息 ws.on("message", (message) => { console.log("收到消息:" + message); // 向客户端发送消息 ws.send("Hello, WebSocket!"); }); // 监听WebSocket连接关闭事件 ws.on("close", () => { console.log("WebSocket连接已关闭"); });});总结:WebSocket是一种实现实时双向通信的协议,能够在单个TCP连接上进行全双工通信,具有实时性、低延迟、跨域支持等优势,适用于实时通信场景。在前端可以通过JavaScript的WebSocket对象创建和使用WebSocket连接,在后端可以使用WebSocket库创建WebSocket服务器。websocket如何与客户端建立连接的WebSocket与客户端建立连接的过程如下:客户端发起WebSocket连接:客户端通过在浏览器中创建WebSocket对象,并使用WebSocket的构造函数传入服务器的WebSocket地址(ws://或wss://协议)来发起连接。服务器接受WebSocket连接请求:服务器端收到客户端发起的WebSocket连接请求后,会生成一个WebSocket实例,并保持这个实例与客户端的连接。WebSocket握手:在连接建立阶段,客户端和服务器会进行WebSocket握手,以确保双方都支持WebSocket协议,并建立双向通信。双向通信:一旦握手成功,客户端和服务器之间就建立了双向通信的通道,双方可以通过WebSocket对象的send()方法发送消息,通过onmessage事件接收消息。维持连接:WebSocket连接一旦建立,客户端和服务器之间的通信通道就会一直保持打开状态,直到其中一方主动关闭连接或出现异常情况。总结:WebSocket连接的建立过程是通过WebSocket对象的构造函数发起连接请求,服务器接受连接请求后进行握手,握手成功后建立双向通信通道,保持连接状态,实现实时双向通信的功能。websocket断线之后的措施当WebSocket连接断开时,可以采取以下几种处理方式:重新连接:在WebSocket连接断开后,可以在客户端进行重新连接尝试。可以使用定时器或指数退避等策略来控制重新连接的频率,避免过于频繁的重连请求。错误处理:在WebSocket连接断开时,可以监听WebSocket对象的onerror事件,并在事件处理程序中进行错误处理,如输出错误日志或执行特定的错误处理逻辑。显示断开提示:在WebSocket连接断开时,可以在界面上显示断开连接的提示信息,让用户知晓连接状态,并提供相应的操作,如重新连接按钮等。断线重连策略:可以根据业务需求制定断线重连策略,比如在网络环境较差的情况下,可以增加断线重连次数或延长重连间隔。自动重连:可以通过代码逻辑实现自动重连的功能,即在WebSocket连接断开时自动触发重连操作,而不需要用户手动点击重新连接按钮。总的来说,处理WebSocket连接断开的方式可以根据具体业务需求和用户体验来进行调整和优化,保证连接的稳定性和及时性。websocket兜底WebSocket兜底是指在WebSocket连接不可用或断开的情况下,采用其他通信方式来实现类似的功能。WebSocket兜底可以增强应用程序的可靠性和容错性,确保在WebSocket不可用时仍然能够正常进行通信。常见的WebSocket兜底方案包括:轮询:在不支持WebSocket的浏览器中,可以使用轮询的方式来实现实时通信。即通过定时器定期向服务器发送请求,从而获取最新的数据。长轮询(Long Polling):长轮询是一种改进的轮询技术,客户端向服务器发送请求,服务器保持请求打开直到有新数据可用或超时。如果服务器有新数据,则立即返回给客户端,客户端处理完数据后再发送新的请求。Server-Sent Events (SSE):SSE是一种支持服务器向客户端推送数据的技术。在不支持WebSocket的情况下,可以使用SSE来实现实时通信。Comet:Comet是一种将服务器推送数据到客户端的技术,可以实现类似实时通信的效果。需要注意的是,WebSocket是一种双向通信协议,能够实现全双工通信,而轮询、长轮询、SSE和Comet等兜底方案都是基于HTTP协议的单向通信方式,无法实现全双工通信。因此,在选择兜底方案时,需要根据具体需求和应用场景来进行权衡和选择。
点赞 2
评论 1
全部评论
推荐
最新
楼层
暂无评论,快来抢首评~
相关推荐
07-18 14:05
成都理工大学 测试工程师
五分钟ai面完直接进入人才库
五分钟随便面了一下,打开结果看了下已经寄了
点赞
评论
收藏
分享
07-16 14:18
门头沟学院 Java
无缘做兄弟,京东秋招第一挂
秋招第一挂是东子给的看来做不成兄弟了
点赞
评论
收藏
分享
07-05 15:02
已编辑
中国科学技术大学 科研助理
一面
面试70min左右,最后的手撕代码有思路但没写出来
点赞
评论
收藏
分享
06-06 11:26
已编辑
昆明学院 Java
26届二本找实习,求拷打
感觉还是学了很多的,自己也花很长时间做了一个项目,写了一个编程平台,没把握找实习的时间,最近才开始,太晚了😫
实习,投递多份简历没人回...
点赞
评论
收藏
分享
07-17 08:19
中国科学院大学 Java
半年996,身体被掏空
我自毕业后,感觉自己被拉紧了弦,每天都是在任务漩涡中逃脱,做完一个又一个task,面对我的依然还是下一个task。996,我承认我高估我自己了。每天朝9晚10,看不到太阳 感觉自己像是生活在下水道的老鼠。没有太多社交,每天的时间紧张的像在战场,仿佛一段时间休憩下一秒就会迎来子弹。每周一到周五 感觉自己浑浑噩噩 每天重复做一件事,我已经不知道是我在重复在一件事 还是一件事在重复的做我。周六周天 依旧是补觉 躺尸 我以前也是一个爱玩的人 ,自从上班以后 感觉这个习惯被自动进化掉了,所以有时候我在想这样的日子还要坚持多久,这样的生活 意义在哪。有时候偶尔的通宵感觉自己身体被掏空,你们可能觉得熬个通宵...
投递阿里巴巴集团等公司9个岗位
点赞
评论
收藏
分享
评论
点赞成功,聊一聊 >
点赞
收藏
分享
评论
提到的真题
返回内容
全站热榜
更多
1
...
20250716 - 百度 - 后端开发 - 一面
6199
2
...
实习,你就这么偷
6018
3
...
为什么有人说 211 以下就进不了大厂了?
4194
4
...
滴滴提前批面经
4184
5
...
关于牛土兵教育割韭菜的事实
3122
6
...
27届前端七月找实习记录
3099
7
...
从中山大学到中兴 SSP:我的秋招打怪升级之路
3031
8
...
百度提前批后端一面 —— 亚历山大,特批拿下
2844
9
...
滴滴提前批凉经(一面,二面)
2461
10
...
百度提前批
2408
创作者周榜
更多
正在热议
更多
#
校招阶段,学历VS技术哪个更重要?
#
6732次浏览
90人参与
#
顺丰求职进展汇总
#
52617次浏览
283人参与
#
不卡学历的大厂有哪些?
#
13224次浏览
103人参与
#
腾讯音乐求职进展汇总
#
96552次浏览
563人参与
#
没有合适的工作,你会先找个干着,还是考公考研
#
120892次浏览
1144人参与
#
除了主业以外,你还有哪些其他收入?
#
5148次浏览
95人参与
#
摸鱼被leader发现了怎么办
#
60371次浏览
368人参与
#
实习如何「偷」产出?
#
21362次浏览
255人参与
#
风评不好的公司,你会去吗?
#
43848次浏览
314人参与
#
职场新人体验
#
12661次浏览
137人参与
#
实习打杂,要跑路吗
#
10905次浏览
145人参与
#
社恐入职新公司如何融入团队
#
10499次浏览
62人参与
#
实习时,大家都怎么称呼自己的mentor?
#
42653次浏览
270人参与
#
考研可以缓解求职焦虑吗
#
53227次浏览
474人参与
#
校园里的破防时刻
#
6228次浏览
72人参与
#
金融财经春招备战日记
#
22437次浏览
134人参与
#
求职遇到的搞笑事件
#
121331次浏览
795人参与
#
大学最后一个寒假,我想……
#
47789次浏览
580人参与
#
毕业旅行去哪玩儿
#
13949次浏览
136人参与
#
视觉/交互/设计招聘信息汇总
#
17820次浏览
612人参与
牛客网
牛客网在线编程
牛客网题解
牛客企业服务