springboot websocket

需要引入的依赖

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

后端需要增加两个类

// An highlighted block
package com.cn.visualWeb.websocket;

import com.alibaba.fastjson.JSONObject;
import net.sf.json.JSONArray;
import org.springframework.stereotype.Component;

import javax.websocket.*;
import javax.websocket.server.ServerEndpoint;
import java.io.IOException;
import java.util.Map;
import java.util.concurrent.CopyOnWriteArraySet;

/**
 * @Description TODO
 * @Author 
 * @Date 2022/8/2310:15
 **/
@Component
@ServerEndpoint(value = "/websocket")
public class CommWebSocketServer {

    // concurrent包的线程安全Set，用来存放每个客户端对应的CommWebSocketServer对象。
    private static CopyOnWriteArraySet<CommWebSocketServer> webSocketSet = new CopyOnWriteArraySet<CommWebSocketServer>();

    //与某个客户端的连接会话，需要通过它来给客户端发送数据
    private Session session;

    /**
     * 连接建立成功调用的方法
     *
     * @param session
     */
    @OnOpen
    public void onOpen(Session session) {
        this.session = session;
        webSocketSet.add(this);     //加入set中
        System.out.println("有新连接加入！当前在线人数为" + webSocketSet.size());
        try {
            sendMessage("连接成功，当前时间：" + new java.sql.Timestamp(System.currentTimeMillis()));
        } catch (IOException e) {
            System.out.println("IO异常");
        }
    }

    /**
     * 连接关闭调用的方法
     */
    @OnClose
    public void onClose() {
        // 从set中删除
        webSocketSet.remove(this);
        System.out.println("有一连接关闭！当前在线人数为" + webSocketSet.size());
    }

    /**
     * 收到客户端消息后调用的方法
     *
     * @param message 客户端发送过来的消息
     */
    @OnMessage
    public void onMessage(String message, Session session) {
        System.out.println("来自客户端的消息:" + message);

        // 群发消息
        for (CommWebSocketServer item : webSocketSet) {
            try {
                item.sendMessage(message);
            } catch (IOException e) {
                e.printStackTrace();
            }
        }
    }

    /**
     * 发生错误时调用
     *
     * @param session
     * @param error
     */
    @OnError
    public void onError(Session session, Throwable error) {
        System.out.println("发生错误");
        error.printStackTrace();
    }


    /**
     * 发送消息
     *
     * @param message
     * @throws IOException
     */
    public void sendMessage(String message) throws IOException {
        this.session.getBasicRemote().sendText(message);
        // this.session.getAsyncRemote().sendText(message);
    }


    /**
     * 群发自定义消息
     */
    public static void sendInfo(Map<String,Object> param) throws IOException {
        for (CommWebSocketServer item : webSocketSet) {
            try {
                item.sendMessage(JSONObject.toJSONString(param));
            } catch (IOException e) {
                e.printStackTrace();
            }
        }
    }

}

package com.cn.visualWeb.websocket;

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

/**
 * @Description TODO
 * @Date 2022/8/2310:15
 **/
@Configuration
public class CommWebSocketConfig {

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

}

前端js调用

var websocket = null;
	//var localAddress = $("#localAddress").text();
	//判断当前浏览器是否支持WebSocket
	if('WebSocket' in window){
		websocket = new WebSocket("ws://127.0.0.1:8080/websocket");
	}
	else{
		alert('Not support websocket')
	}

	//连接发生错误的回调方法
	websocket.onerror = function(){
		console.log("error");
	};

	//连接成功建立的回调方法
	websocket.onopen = function(event){
		console.log("open");
	}

	//接收到消息的回调方法
	websocket.onmessage = function (event) {
		console.log(event.data);
	}

	//连接关闭的回调方法
	websocket.onclose = function(){
		console.log("close");
	}

	//监听窗口关闭事件，当窗口关闭时，主动去关闭websocket连接，防止连接还没断开就关闭窗口，server端会抛异常。
	window.onbeforeunload = function(){
		websocket.close();
	}

	//关闭连接
	function closeWebSocket(){
		websocket.close();
	}

	//发送消息
	function send(){
		websocket.send("消息内容");
	}