文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

带你了解一下WebSocket技术

2024-12-03 16:09

关注

轮询:轮询技术要求客户端以设定的时间间隔周期性地向服务端发送请求,频繁地查询是否有新的数据改动。明显地,这种方法会导致过多不必要的请求,浪费流量和服务器资源。

Comet技术可分为:长轮询、流技术。长轮询改进了上述的轮询技术,减小了无用的请求。它会为某些数据设定过期时间,当数据过期后才会向服务端发送请求;这种机制适合数据的改动不是特别频繁的情况。流技术**指客户端使用一个隐藏的窗口与服务端建立HTTP长连接,服务端会不断更新连接状态以保持HTTP长连接存活,然后才能主动推送数据给客户端。

缺点:这两种技术每一次请求、应答,都浪费了一定流量在相同的头部信息上,并且开发复杂度也较大。

伴随着HTML5推出的WebSocket,使B/S模式具备了C/S模式的实时通信能力。WebSocket连接本质上是TCP连接,不需要每次传输都带上重复的头部数据。WebSocket的工作流程:浏览器通过JavaScript向服务端发出建立WebSocket连接的请求,在WebSocket连接建立成功后,客户端和服务端就可以通过TCP连接传输数据。

WebSocket与TCP、HTTP的关系

WebSocket与http协议一样都是基于TCP的可靠协议,WebSocket在建立握手连接时,数据是通过http协议传输的,但是在建立连接之后,真正的数据传输阶段是不需要http协议参与的。


websocket通讯原理

从下图可以明显的看到,分三个阶段:

  1. 打开握手
  2. 数据传递
  3. 关闭握手

下图显示了WebSocket主要的三步 浏览器和 服务器端分别做了那些事情。


websocket优缺点

a)、服务器与客户端之间交换的标头信息很小,大概只有2字节;

b)、客户端与服务器可互相主动传送数据给对方;

c)、Websocket是http协议的升级,支持持久连接并只需一次握手。不用频率创建TCP请求及销毁请求,减少网络带宽资源的占用,同时也节省服务器资源;

Spring boot websocket实现

引入依赖

  1.  
  2.     org.springframework.boot 
  3.     spring-boot-starter-websocket 
  4.  

 创建 WebSocket 处理器

扩展 TextWebSocketHandler 或 BinaryWebSocketHandler ,你可以覆写指定的方法。Spring 在收到 WebSocket 事件时,会自动调用事件对应的方法。

  1. package com.ganhuojun.websocket.spring; 
  2.  
  3. import org.springframework.stereotype.Component; 
  4. import org.springframework.web.socket.CloseStatus; 
  5. import org.springframework.web.socket.WebSocketHandler; 
  6. import org.springframework.web.socket.WebSocketMessage; 
  7. import org.springframework.web.socket.WebSocketSession; 
  8.  
  9. @Component 
  10. public class MySpringWebSocketHandler implements WebSocketHandler { 
  11.  
  12.      
  13.     @Override 
  14.     public void afterConnectionEstablished(WebSocketSession webSocketSession) throws Exception { 
  15.         System.out.println("spring 链接" + webSocketSession.getId()); 
  16.     } 
  17.  
  18.      
  19.     @Override 
  20.     public void handleMessage(WebSocketSession webSocketSession, WebSocketMessage webSocketMessage) throws Exception { 
  21.  
  22.     } 
  23.  
  24.      
  25.     @Override 
  26.     public void handleTransportError(WebSocketSession webSocketSession, Throwable throwable) throws Exception { 
  27.  
  28.     } 
  29.  
  30.      
  31.     @Override 
  32.     public void afterConnectionClosed(WebSocketSession webSocketSession, CloseStatus closeStatus) throws Exception { 
  33.  
  34.     } 
  35.  
  36.      
  37.     @Override 
  38.     public boolean supportsPartialMessages() { 
  39.         return false
  40.     } 

 配置 WebSocket

将 WebSocket 处理器添加到注册中心

  1. package com.ganhuojun.websocket.spring; 
  2.  
  3. import org.springframework.context.annotation.Bean; 
  4. import org.springframework.context.annotation.Configuration; 
  5. import org.springframework.web.socket.config.annotation.EnableWebSocket; 
  6. import org.springframework.web.socket.config.annotation.WebSocketConfigurer; 
  7. import org.springframework.web.socket.config.annotation.WebSocketHandlerRegistry; 
  8.  
  9. @Configuration 
  10. @EnableWebSocket 
  11. public class SpringWebSocketConfig implements WebSocketConfigurer { 
  12.  
  13.     @Override 
  14.     public void registerWebSocketHandlers(WebSocketHandlerRegistry registry) { 
  15.         //spring默认会给一个OriginHandshakeInterceptor的拦截器 
  16.         // 因此需要setAllowedOrigins,否则websocket返回403 
  17.         registry.addHandler(springWebSocketHandler(), "/spring/websocket").setAllowedOrigins("*"); 
  18.     } 
  19.  
  20.     @Bean 
  21.     public MySpringWebSocketHandler springWebSocketHandler() { 
  22.         return new MySpringWebSocketHandler(); 
  23.     } 
  24.  

 前端可以自己编写js代码,本文直接使用websocket在线调试工具

http://www.websocket-test.com/

如下图,

 

根据前面后端代码,测试一下

 

后端日志


 

来源:今日头条内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯