WebSocket integrates springboot and Vue to push data to the big screen

Directly paste the code
1. Server-side WebSocketServer class:

package net.beidousky.web.app.controller;

import cn.hutool.log.Log;
import cn.hutool.log.LogFactory;
import com.alibaba.fastjson.JSON;
import com.alibaba.fastjson.JSONObject;
import org.apache.commons.lang3.StringUtils;
import org.springframework.stereotype.Component;

import javax.websocket.*;
import javax.websocket.server.PathParam;
import javax.websocket.server.ServerEndpoint;
import java.io.IOException;
import java.util.concurrent.ConcurrentHashMap;


/**
 * @ClassName: 开启WebSocket支持
 * @Description:
 * @Author: jwb
 * @Date: 2023/2/21 16:48
 */
@ServerEndpoint("/dev-api/websocket/{userId}")
@Component
public class WebSocketServer {
    
    

    static Log log= LogFactory.get(WebSocketServer.class);
    /**静态变量,用来记录当前在线连接数。应该把它设计成线程安全的。*/
    private static int onlineCount = 0;
    /**concurrent包的线程安全Set,用来存放每个客户端对应的MyWebSocket对象。*/
    private static ConcurrentHashMap<String,WebSocketServer> webSocketMap = new ConcurrentHashMap<>();
    /**与某个客户端的连接会话,需要通过它来给客户端发送数据*/
    private Session session;
    /**接收userId*/
    private String userId="";

    /**
     * 连接建立成功调用的方法*/
    @OnOpen
    public void onOpen(Session session, @PathParam("userId") String userId) {
    
    
        this.session = session;
        this.userId=userId;
        if(webSocketMap.containsKey(userId)){
    
    
            webSocketMap.remove(userId);
            webSocketMap.put(userId,this);
            //加入set中
        }else{
    
    
            webSocketMap.put(userId,this);
            //加入set中
            addOnlineCount();
            //在线数加1
        }

        log.info("用户连接:"+userId+",当前在线人数为:" + getOnlineCount());

        try {
    
    
            sendMessage("连接成功");
        } catch (IOException e) {
    
    
            log.error("用户:"+userId+",网络异常!!!!!!");
        }
    }

    /**
     * 连接关闭调用的方法
     */
    @OnClose
    public void onClose() {
    
    
        if(webSocketMap.containsKey(userId)){
    
    
            webSocketMap.remove(userId);
            //从set中删除
            subOnlineCount();
        }
        log.info("用户退出:"+userId+",当前在线人数为:" + getOnlineCount());
    }

    /**
     * 收到客户端消息后调用的方法
     *
     * @param message 客户端发送过来的消息*/
    @OnMessage
    public void onMessage(String message, Session session) {
    
    
        log.info("用户消息:"+userId+",报文:"+message);
        //可以群发消息
        //消息保存到数据库、redis
        if(StringUtils.isNotBlank(message)){
    
    
            try {
    
    
                //解析发送的报文
                JSONObject jsonObject = JSON.parseObject(message);

            }catch (Exception e){
    
    
                e.printStackTrace();
            }
        }
    }

    /**
     *
     * @param session
     * @param error
     */
    @OnError
    public void onError(Session session, Throwable error) {
    
    
        log.error("用户错误:"+this.userId+",原因:"+error.getMessage());
        error.printStackTrace();
    }

    /**
     * 实现服务器主动推送
     */
    public void sendMessage(String message) throws IOException {
    
    
        this.session.getBasicRemote().sendText(message);
    }


    /**
     * 实现服务器主动推送
     */
    public static void sendAllMessage(String message) throws IOException {
    
    
        ConcurrentHashMap.KeySetView<String, WebSocketServer> userIds = webSocketMap.keySet();
        for (String userId : userIds) {
    
    
            WebSocketServer webSocketServer = webSocketMap.get(userId);
            webSocketServer.session.getBasicRemote().sendText(message);
            System.out.println("webSocket实现服务器主动推送成功userIds===="+userIds);
        }
    }

    /**
     * 发送自定义消息
     * */
    public static void sendInfo(String message,@PathParam("userId") String userId) throws IOException {
    
    
        log.info("发送消息到:"+userId+",报文:"+message);
        if(StringUtils.isNotBlank(userId)&&webSocketMap.containsKey(userId)){
    
    
            webSocketMap.get(userId).sendMessage(message);
        }else{
    
    
            log.error("用户"+userId+",不在线!");
        }
    }

    public static synchronized int getOnlineCount() {
    
    
        return onlineCount;
    }

    public static synchronized void addOnlineCount() {
    
    
        WebSocketServer.onlineCount++;
    }

    public static synchronized void subOnlineCount() {
    
    
        WebSocketServer.onlineCount--;
    }
}

2. Configuration class WebSocketConfig:

package net.beidousky.web.core.config;

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.socket.server.standard.ServerEndpointExporter;

/**
 * @ Auther: jwb
 * @ Date: 2023/02/21
 * @ Description: 开启WebSocket支持
 */
@Configuration
public class WebSocketConfig {
    
    

    @Bean
    public ServerEndpointExporter serverEndpointExporter(){
    
    
        return new ServerEndpointExporter();
    }

}

3. Test type Test: It is set to push server information regularly every ten seconds. Service information can be replaced with your own business information and then pushed.

package net.beidousky.web.app.controller;

import com.alibaba.fastjson.JSONObject;
import net.beidousky.framework.web.domain.Server;
import net.beidousky.web.app.domain.PersonNumber;
import org.springframework.scheduling.annotation.Scheduled;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

import java.io.IOException;
import java.util.HashMap;
import java.util.Map;

@RestController
@RequestMapping("/news")
public class Test {
    
    

    //设置定时十秒一次
    @Scheduled(cron = "${largeScreen.corn}")
    @PostMapping("/send")
    public String send() throws Exception {
    
    
        Map<String,Object> map = new HashMap<>();
        //服务器信息
        Server server = new Server();
        server.copyTo();
        map.put("server",server);
        JSONObject jsonObject =  new JSONObject(map);
        WebSocketServer.sendAllMessage(jsonObject.toString());
        return jsonObject.toString();
    }

}

4. Online test: Open the browser and enter the URL http://www.jsons.cn/websocket/. Enter the URL for online verification: you can see that Meishimiao will automatically push service information once.
Insert image description here
If a link disconnection error occurs, check the interception configuration file. You need to release this interception. The ruoyi framework is set in the SecurityConfig configuration file. (This is only used for online verification and can be commented out when deploying the server)Insert image description hereInsert image description here

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

    <dependency>
        <groupId>cn.hutool</groupId>
        <artifactId>hutool-all</artifactId>
        <version>5.8.4</version>
    </dependency>

Creation is not easy, please help me follow the official account, thank you.
Insert image description here

Guess you like

Origin blog.csdn.net/qq_41060647/article/details/129363867