WebSocket概念及原理

定义

websocket是一个在单个TCP连接上进行的全双工通信的协议。webSocket通信协议2011年被IETF定为标准,webSocket API被W3C定为标准。
在webSocket API中,浏览器和服务器只需要做一次握手的动作,然后浏览器和服务器之间就形成一条快速通道。两者之间就可以直接进行数据传送了。

基本原理

webSocket的原理其实就是:HTTP握手 + TCP数据传送

WebSocket和HTTP:
两者都属于应用层协议,都通过TCP协议进行数据传输。webSocket是全双工的通信协议,http是单向的通信协议。
对于websocket来说,必须依赖http协议进行一次握手,握手成功,直接从tcp通道进行数据传送,从此与http就无关了
在这里插入图片描述

握手和传输过程:

  1. 浏览器首先向服务器发起一个HTTP请求,然后等待服务器响应。这个通常和http请求有些差别,包含了一些请求信息。
  2. 服务器解析这些附加的头信息,然后返回握手的响应,告诉浏览器将后续的数据按照websocket的格式发送过来,客户端和服务端的websocket连接就建立起来了。
  3. 客户端和服务端可以和Socket一样进行有连接的数据通信。
  4. 这个连接一直会存在,直到浏览器或者服务器一方主动关闭连接。 在这里插入图片描述
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
WebSocket 即时通讯原理是基于 WebSocket 协议的。WebSocket 是一个全双工的协议,允许服务器主动向客户端推送信息,而不需要客户端发起请求。它通过在客户端和服务器之间建立持久的连接来实现实时通讯。 在前端开发中,要使用 WebSocket 实现即时通讯,首先需要掌握 WebSocket API。通过创建一个 WebSocket 对象,可以连接到指定的服务器地址和端口。例如,可以使用以下代码创建 WebSocket 对象: const myWebSocket = new WebSocket(url [, protocols]); 其中,url 是服务器的地址,protocols 是可选的协议数组。创建成功后,WebSocket 对象会自动尝试与服务器建立连接。 WebSocket 协议与传统的 HTTP 协议不同,它不同于 HTTP 的点对点请求-响应模式,而是通过一个初始的握手过程来建立连接,之后双方可以相互发送消息。这种全双工通信的特性使得 WebSocket 成为实时通讯的理想选择。 然而,使用 WebSocket 协议的缺点是在服务器端的配置比较复杂。需要在服务器端实现对 WebSocket 连接的处理和管理,以及消息的处理和推送。 总结起来,WebSocket 即时通讯原理是基于 WebSocket 协议,在前端通过 WebSocket API 创建 WebSocket 对象,并与服务器建立持久连接,实现双向的实时通讯。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [分享即时通讯开发之WebSocket概念原理、易错常识、动手实践](https://blog.csdn.net/wecloud1314/article/details/126134686)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [即时通讯WebSocket详解及使用](https://blog.csdn.net/qq_52337177/article/details/127243229)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值