WebSocket初体验之JavaWeb 实时显示文件处理进度

最新推荐文章于 2024-07-22 13:40:27 发布

开发中的小学生

最新推荐文章于 2024-07-22 13:40:27 发布

阅读量1k

点赞数 1

分类专栏： Java基础文章标签： java websocket

本文链接：https://blog.csdn.net/zx145105/article/details/107033618

版权

本文介绍了在JavaWeb应用中使用WebSocket来实现文件解析进度的实时显示。传统的ajax轮询方法因耗资源被放弃，取而代之的是WebSocket，它能建立持久的全双工通信通道，允许服务器主动推送数据。文章展示了从添加WebSocket依赖、配置到编写服务端和客户端代码的基本步骤，并给出了简单的使用示例和效果展示。

摘要由CSDN通过智能技术生成

最近天需要做这么个业务：文件解析处理，要能够看到解析进度。

原因：
当点击按钮后，后端在跑代码，前端页面只有一个等待遮罩转圈，并不知道处理到哪一步，只能默默地等待，客户反馈不爽。

查资料：
针对文件解析进度，b/s模式的应用网上给出的方案很少，最让人不爽的是千篇一律的copy。（不知道谁copy谁的，找资料很难)(ps:copy之余能不能不要一个字不落的全copy，还不加任何修饰，让后来者怎么看？？）

解决方案：
在知识海洋中，找到两种觉得可行的方案，一个是ajax轮询（太耗资源，pass）,另一个便是webSocket建立一个全双工通讯的通道，能够让客户端和服务器之间进行相互通信，既客户端可以实时地接收服务器的消息。

WebSocket概述
（摘自菜鸟教程https://www.runoob.com/html/html5-websocket.html）
WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。
WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。
在 WebSocket API 中，浏览器和服务器只需要做一个握手的动作，然后，浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。

话不多说，上代码
1.添加webSocket依赖

<dependency>
      <groupId>org.springframework.boot</groupId>
      <artifactId>spring-boot-starter-websocket</artifactId>
</dependency>

2.注入ServerEndpointExporter

@Configuration
public class WebSocketConfig {
   

    /**
   	 * 这个bean会自动注册使用了@ServerEndpoint注解声明的Websocket endpoint。
     * 要注意，如果使用独立的servlet容器，而不是直接使用springboot的内置容器，
     * 就不要注入ServerEndpointExporter，因为它将由容器自己提供和管理
     * 
     * 当使用这个类时，通过在Spring配置中声明它，
     * 应该可以关闭Servlet容器对WebSocket端点的扫描
     */
    @Bean
    public ServerEndpointExporter serverEndpointExporter(){
   
        return new ServerEndpointExporter();
    }
}

3.WebSocket 服务

@Slf4j
@ServerEndpoint("/websocket")
@Component
public class WebSocketServer {
   
    //concurrent包的线程安全set，用来存放每个客户端对应的MyWebSocket
    private static CopyOnWriteArraySet<WebSocketServer> webSocketSet
            = new CopyOnWriteArraySet<>();
    //与某个客户端的连接会话，通过session传递消息
    private Session session