Websocket总结

Webcocket 是下一代客户端-服务器的异步通信方法。该通信取代了单个的TCP套接字,使用ws或wss协议,可用于任意的客户端和服务器程序。

浏览器支持

优势

  1. Websocket不限于Ajax方式通信,Ajax需要在客户端发送请求
  2. Websocket允许跨域请求
  3. 在给定的时间内任意时刻,可以相互推送消息

伴随着HTML5推出的WebSocket,真正实现了Web的实时通信,使B/S模式具备了C/S模式的实时通信能力。WebSocket的工作流程是这 样的:浏览器通过JavaScript向服务端发出建立WebSocket连接的请求,在WebSocket连接建立成功后,客户端和服务端就可以通过 TCP连接传输数据。因为WebSocket连接本质上是TCP连接,不需要每次传输都带上重复的头部数据,所以它的数据传输量比轮询和Comet技术小了很多。

参考
  1. Ajax、Comet与Websocket
  2. Python写服务,websocket
  3. 使用node搭建服务
WebSocket的代码是根据具体的情况而定的。在上述示例中,我们可以看到WebSocket连接的打开、消息接收、连接关闭和错误处理的代码。具体的WebSocket代码主要涉及以下几个方面: 1. 创建WebSocket连接: const socket = new WebSocket('ws://localhost:8080'); 这里的URL可以根据实际情况进行修改,确保与要连接的WebSocket服务器的地址和端口匹配。 2. 发送消息: 使用WebSocket连接的send()方法发送消息到服务器。 socket.send('Hello WebSocket!'); 3. 接收消息: 使用WebSocket连接的message事件监听器来接收来自服务器的消息。 socket.addEventListener('message', event => { console.log('接收到消息:', event.data); }); 4. 关闭连接: 使用WebSocket连接的close事件监听器来处理连接关闭的情况。 socket.addEventListener('close', event => { console.log('WebSocket连接已关闭:', event.code, event.reason); }); 5. 错误处理: 使用WebSocket连接的error事件监听器来处理WebSocket发生的错误。 socket.addEventListener('error', error => { console.error('WebSocket发生错误:', error); }); 这些是WebSocket的基本代码示例,可以根据实际需求进行修改和扩展。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [websocket总结和代码介绍](https://blog.csdn.net/weixin_39519297/article/details/130058154)[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: 100%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值