springboot学习(七十二) webflux中使用WebSocket实现服务端和客户端


前言

springboot中不使用Servlet,而是使用WebFlux的情况下,可以使用其自带的websocket实现websocket的功能,网上大部分例子都只能实现一个最基本的DEMO,不能实现服务端在Handler外部推送消息到客户端。下面是我的解决办法。

一、服务端

1、编写一个WebSocket Session封装类

package cn.ac.iscas.dmo.gateway.admin.ws;

import cn.ac.iscas.dmo.gateway.admin.utils.JsonUtils;
import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;
import lombok.extern.slf4j.Slf4j;
import org.springframework.web.reactive.socket.WebSocketMessage;
import org.springframework.web.reactive.socket.WebSocketSession;
import reactor.core.publisher.FluxSink;

import java.util.ArrayList;
import java.util.Map;
import java.util.concurrent.ConcurrentHashMap;
import java.util.concurrent.Executors;
import java.util.concurrent.TimeUnit;

/**
 * @author zhuquanwen
 * @version 1.0
 * @date 2022/4/13 14:19
 * @since jdk11
 */
@Data
@AllArgsConstructor
@NoArgsConstructor
@Slf4j
public class WebSocketWrap {
    public static final Map<String, WebSocketWrap> SENDER = new ConcurrentHashMap<>();

    private String id;
    private WebSocketSession session;
    private FluxSink<WebSocketMessage> sink;

    /**
     * 发送广播消息
     *
     * @param obj 消息对象,会被转为JSON
     * @return void
     * @date 2022/4/13
     * @since jdk11
     */
    public static void broadcastText(Object obj) {
        SENDER.values().forEach(wrap -> wrap.sendText(obj));
    }

    public void sendText(Object obj) {
        sink.next(session.textMessage(JsonUtils.toJson(obj)));
    }


    static {
        purge();
    }

    /**
     * 清理不可用的SESSION
     * @since jdk11
     * @date 2022/4/13
     * @return void
     */
    @SuppressWarnings("AlibabaThreadPoolCreation")
    public static void purge() {
        Executors.newSingleThreadScheduledExecutor().scheduleAtFixedRate(() -> {
            new ArrayList<>(SENDER.values()).forEach(wrap -> {
                if (!wrap.getSession().isOpen()) {
                    log.warn(String.format("用户ID: [%s] 的session: [%s] 已经关闭,将被清理", wrap.getId(), wrap.getSession().getId()));
                    SENDER.remove(wrap.getId());
                    wrap.getSession().close();
                }
            });
        }, 30, 30, TimeUnit.SECONDS);
    }

}

2、编写最重要的handler

要注意的有两点:

  • 认证问题
    这里我从客户端连接的URL中获取了ID参数,做了一个简单的验证,可以根据情况修改,设置可以从header中获取参数,比如可以校验TOKEN。
  • 输出输出封装
    网上大部分例子没有输入输出的封装,都是直接在handle中返回给客户端一个消息,这显然不能适用到项目中,因为大部分情况要做服务端向客户端推送的功能,需要在业务处理中做推送。按下面修改后使用第1步的WebSocketWrap就可以实现在任意位置推送数据了。
package cn.ac.iscas.dmo.gateway.admin.ws;

import lombok.extern.slf4j.Slf4j;
import org.apache.commons.lang3.StringUtils;
import org.springframework.stereotype.Component;
import org.springframework.web.reactive.socket.*;
import reactor.core.publisher.Flux;
import reactor.core.publisher.Mono;

import java.util.Arrays;
import java.util.HashMap;
import java.util.Map;


/**
 * @author zhuquanwen
 * @version 1.0
 * @date 2022/4/13 13:37
 * @since jdk11
 */
@Component
@Slf4j
public class AdminWebSocketHandler implements WebSocketHandler {
    private static final String CONNECT = "connect:";

    @Override
    public Mono<Void> handle(WebSocketSession session) {
        // 校验权限
        HandshakeInfo handshakeInfo = session.getHandshakeInfo();
        Map<String, String> queryMap = getQueryMap(handshakeInfo.getUri().getQuery());
        String id = queryMap.get("id");
        // 暂时只校验了是否携带了ID,以后可以改为校验TOKEN
        if (StringUtils.isNotBlank(id)) {
            // 输入输出封装
            Mono<Void> input = session.receive().doOnNext(message -> this.messageHandle(session, message))
                    .log()
                    .doOnError(throwable -> log.error("webSocket发生异常:" + throwable))
                    .doOnComplete(() -> log.info("webSocket结束")).then();
            Mono<Void> output = session.send(Flux.create(sink -> WebSocketWrap.SENDER.put(id, new WebSocketWrap(id, session, sink))));
            return Mono.zip(input, output).then();
        } else {
            return session.close(new CloseStatus(1016, "连接未通过校验,即将关闭连接"));
        }
    }


    @SuppressWarnings(value = "unused")
    private void messageHandle(WebSocketSession session, WebSocketMessage message) {
        // 接收客户端请求的处理回调
        switch (message.getType()) {
            case TEXT:
            case BINARY:
            case PONG:
            case PING:
                break;
            default:
        }
    }

    private Map<String, String> getQueryMap(String queryStr) {
        Map<String, String> queryMap = new HashMap<>(4);
        if (!StringUtils.isEmpty(queryStr)) {
            String[] queryParam = queryStr.split("&");
            Arrays.stream(queryParam).forEach(s -> {
                String[] kv = s.split("=", 2);
                String value = kv.length == 2 ? kv[1] : "";
                queryMap.put(kv[0], value);
            });
        }
        return queryMap;
    }

}

3、附JsonUtils

package cn.ac.iscas.dmo.gateway.admin.utils;

import com.fasterxml.jackson.annotation.JsonAutoDetect;
import com.fasterxml.jackson.annotation.JsonInclude;
import com.fasterxml.jackson.annotation.PropertyAccessor;
import com.fasterxml.jackson.core.JsonProcessingException;
import com.fasterxml.jackson.core.type.TypeReference;
import com.fasterxml.jackson.databind.DeserializationFeature;
import com.fasterxml.jackson.databind.JavaType;
import com.fasterxml.jackson.databind.MapperFeature;
import com.fasterxml.jackson.databind.ObjectMapper;

import java.io.*;
import java.text.SimpleDateFormat;
import java.util.List;
import java.util.Map;

/**
 * JSON工具类
 * @author zhuquanwen
 * @version 1.0
 * @date 2022/4/7 10:03
 * @since jdk11
 */
@SuppressWarnings(value = "unused")
public class JsonUtils {
    private static volatile ObjectMapper mapper;


    /**
     * 对象转json
     *
     * @param object 对象
     * @return String JSON串
     */
    public static String toJson(Object object) {
        try {
            return getMapper().writeValueAsString(object);
        } catch (JsonProcessingException e) {
            e.printStackTrace();
            throw new RuntimeException(e);
//			throw new DataSongException(Status.PARAM_ERROR, String.format("object to json error: [%s]",DataSongExceptionUtils.getExceptionInfo(e)));
        }
//        return null;
    }

    public static <T> T fromJson(String json, Class<T> classOfT) {
        try {
            return getMapper().readValue(json, classOfT);
        } catch (IOException e) {
            e.printStackTrace();
            throw new RuntimeException(e);
        }
    }

    /**
     * @param json JSON字符串
     * @param typeReference 类型
     * @return T 转换后的对象
     */
    @SuppressWarnings({"rawtypes", "unchecked"})
    public static <T> T fromJson(String json, TypeReference typeReference) {
        try {
            return (T) getMapper().readValue(json, typeReference);
        } catch (IOException e) {
            e.printStackTrace();
            throw new RuntimeException(e);
        }
//        return null;
    }

    /**
     * 定义一个嵌套的泛型、子泛型
     */
    @SuppressWarnings("rawtypes")
    static class ParametricTypes {
        /**
         * 泛型1
         */
        private Class clazz;

        /**
         * 子泛型
         */
        private List<ParametricTypes> subClazz;

        public Class getClazz() {
            return clazz;
        }

        public void setClazz(Class clazz) {
            this.clazz = clazz;
        }

        public List<ParametricTypes> getSubClazz() {
            return subClazz;
        }

        public void setSubClazz(List<ParametricTypes> subClazz) {
            this.subClazz = subClazz;
        }
    }

    @SuppressWarnings(value = {"AliDeprecation", "deprecation"})
    private static ObjectMapper getMapper() {
        synchronized (JsonUtils.class) {
            if (mapper == null) {
                synchronized (JsonUtils.class) {
                    mapper = new ObjectMapper();
                    //为null的不输出
                    mapper.setSerializationInclusion(JsonInclude.Include.NON_NULL);
                    //大小写问题
                    mapper.configure(MapperFeature.ACCEPT_CASE_INSENSITIVE_PROPERTIES, true);

                    //设置等同于@JsonIgnoreProperties(ignoreUnknown = true)
                    mapper.setVisibility(PropertyAccessor.FIELD, JsonAutoDetect.Visibility.ANY);
                    //防止转为json是首字母大写的属性会出现两次
                    mapper.setVisibility(PropertyAccessor.GETTER, JsonAutoDetect.Visibility.NONE);
                    mapper.configure(DeserializationFeature.FAIL_ON_UNKNOWN_PROPERTIES, false);

                    //设置JSON时间格式
                    SimpleDateFormat myDateFormat = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
                    mapper.setDateFormat(myDateFormat);

                }
            }
        }
        return mapper;
    }

    /**
     * 单位缩进字符串。
     */
    private static final String SPACE = "\t";

    /**
     * 返回格式化JSON字符串。
     *
     * @param json 未格式化的JSON字符串。
     * @return 格式化的JSON字符串。
     */
    public static String formatJson(String json) {
        StringBuilder result = new StringBuilder();

        int length = json.length();
        int number = 0;
        char key;

        //遍历输入字符串。
        for (int i = 0; i < length; i++) {
            //1、获取当前字符。
            key = json.charAt(i);

            //2、如果当前字符是前方括号、前花括号做如下处理:
            if ((key == '[') || (key == '{')) {
                //(1)如果前面还有字符,并且字符为“:”,打印:换行和缩进字符字符串。
                if ((i - 1 > 0) && (json.charAt(i - 1) == ':')) {
                    result.append('\n');
                    result.append(indent(number));
                }

                //(2)打印:当前字符。
                result.append(key);

                //(3)前方括号、前花括号,的后面必须换行。打印:换行。
                result.append('\n');

                //(4)每出现一次前方括号、前花括号;缩进次数增加一次。打印:新行缩进。
                number++;
                result.append(indent(number));

                //(5)进行下一次循环。
                continue;
            }

            //3、如果当前字符是后方括号、后花括号做如下处理:
            if ((key == ']') || (key == '}')) {
                //(1)后方括号、后花括号,的前面必须换行。打印:换行。
                result.append('\n');

                //(2)每出现一次后方括号、后花括号;缩进次数减少一次。打印:缩进。
                number--;
                result.append(indent(number));

                //(3)打印:当前字符。
                result.append(key);

                //(4)如果当前字符后面还有字符,并且字符不为“,”,打印:换行。
                if (((i + 1) < length) && (json.charAt(i + 1) != ',')) {
                    result.append('\n');
                }

                //(5)继续下一次循环。
                continue;
            }

            //4、如果当前字符是逗号。逗号后面换行,并缩进,不改变缩进次数。
            if ((key == ',')) {
                result.append(key);
                result.append('\n');
                result.append(indent(number));
                continue;
            }

            //5、打印:当前字符。
            result.append(key);
        }

        return result.toString();
    }

    /**
     * 返回指定次数的缩进字符串。每一次缩进三个空格,即SPACE。
     *
     * @param number 缩进次数。
     * @return 指定缩进次数的字符串。
     */
    private static String indent(int number) {
        return SPACE.repeat(Math.max(0, number));
    }

    /**
     * 校验一个JSON串是否为JSON结构,必须满足Map或集合结构
     */
    public static boolean validateJson(String json) {
        try {
            JsonUtils.fromJson(json, Map.class);
            return true;
        } catch (Exception ignored) {
        }
        try {
            JsonUtils.fromJson(json, List.class);
            return true;
        } catch (Exception ignored) {
        }
        return false;

    }

    /**
     * 向JSON中追加参数
     * 注意:只支持Map类型的JSON
     *
     * @param json 原始JSON字符串。
     * @param data 要添加的数据,数组类型,数组里两个值,第一个值为key,第二个值为value
     * @return 追加后的JSON字符串。
     */
    @SuppressWarnings({"rawtypes", "unchecked"})
    public static String appendJson(String json, Object[]... data) throws RuntimeException {
        Map map;
        try {
            map = JsonUtils.fromJson(json, Map.class);
        } catch (Exception e) {
            throw new RuntimeException("JSON格式错误,只支持Map格式的JSON", e);
        }
        if (data != null) {
            for (Object[] datum : data) {
                if (datum == null || datum.length != 2) {
                    throw new RuntimeException("传入的追加格式错误");
                }
                map.put(datum[0], datum[1]);
            }
        }
        return toJson(map);

    }


    /**
     * 嵌套一层泛型序列化
     * add by zqw
     */
    @SuppressWarnings("rawtypes")
    public static <T> T fromJson(String json, Class mainClass, Class subClass) {
        try {
            JavaType javaType = getMapper().getTypeFactory().constructParametricType(mainClass, subClass);
            return getMapper().readValue(json, javaType);
        } catch (IOException e) {
            e.printStackTrace();
            throw new RuntimeException(e);
        }
    }

    /**
     * 嵌套泛型序列化
     * add by zqw
     */
    public static <T> T fromJson(String json, ParametricTypes parametricTypes) {
        try {
//            getMapper().getTypeFactory().constructParametricType()
            JavaType javaType = getJavaType(parametricTypes);
            return getMapper().readValue(json, javaType);
        } catch (IOException e) {
            e.printStackTrace();
            throw new RuntimeException(e);
        }
    }

    @SuppressWarnings("rawtypes")
    private static JavaType getJavaType(ParametricTypes parametricTypes) {
        JavaType javaType;
        Class clazz = parametricTypes.getClazz();
        List<ParametricTypes> subClazz = parametricTypes.getSubClazz();
        if (subClazz == null || subClazz.size() == 0) {
            Class[] classes = new Class[0];
            javaType = getMapper().getTypeFactory().constructParametricType(clazz, classes);
        } else {
            JavaType[] javaTypes = new JavaType[subClazz.size()];
            for (int i = 0; i < subClazz.size(); i++) {
                JavaType jt = getJavaType(subClazz.get(i));
                javaTypes[i] = jt;
            }
            javaType = getMapper().getTypeFactory().constructParametricType(clazz, javaTypes);
        }

        return javaType;
    }

    /**
     * 对象直接序列化为字节数组
     */
    public static byte[] toBytes(Object object) {
        try {
            return getMapper().writeValueAsBytes(object);
        } catch (JsonProcessingException e) {
            throw new RuntimeException(e);
        }
    }

    /**
     * 对象直接序列化到输出流
     */
    public static void toOutputStream(OutputStream os, Object object) {
        try {
            getMapper().writeValue(os, object);
        } catch (IOException e) {
            throw new RuntimeException(e);
        }
    }

    /**
     * 对象直接序列化到文件
     */
    public static void toFile(File file, Object object) {
        try {
            getMapper().writeValue(file, object);
        } catch (IOException e) {
            throw new RuntimeException(e);
        }
    }

    /**
     * 从输入流读取JSON并转化
     */
    public static <T> T fromJson(InputStream is, Class<T> classOfT) {
        try {
            return getMapper().readValue(is, classOfT);
        } catch (IOException e) {
            throw new RuntimeException(e);
        }
    }

    /**
     * 从输入流读取JSON并转化
     */
    public static <T> T fromJson(InputStream is, TypeReference<T> typeReference) {
        try {
            return getMapper().readValue(is, typeReference);
        } catch (IOException e) {
            throw new RuntimeException(e);
        }
    }

    /**
     * 从输入流读取JSON并转化
     */
    public static <T> T fromJson(InputStream is, ParametricTypes parametricTypes) {
        try {
            return getMapper().readValue(is, getJavaType(parametricTypes));
        } catch (IOException e) {
            throw new RuntimeException(e);
        }
    }

    /**
     * 从输入流读取JSON并转化
     */
    public static <T> T fromJson(Reader reader, Class<T> classOfT) {
        try {
            return getMapper().readValue(reader, classOfT);
        } catch (IOException e) {
            throw new RuntimeException(e);
        }
    }

    /**
     * 从输入流读取JSON并转化
     */
    public static <T> T fromJson(Reader reader, TypeReference<T> typeReference) {
        try {
            return getMapper().readValue(reader, typeReference);
        } catch (IOException e) {
            throw new RuntimeException(e);
        }
    }

    /**
     * 从输入流读取JSON并转化
     */
    public static <T> T fromJson(Reader reader, ParametricTypes parametricTypes) {
        try {
            return getMapper().readValue(reader, getJavaType(parametricTypes));
        } catch (IOException e) {
            throw new RuntimeException(e);
        }
    }

    /**
     * 从文件读取JSON并转化
     */
    public static <T> T fromJson(File file, Class<T> classOfT) {
        try {
            return getMapper().readValue(file, classOfT);
        } catch (IOException e) {
            throw new RuntimeException(e);
        }
    }

    /**
     * 从文件读取JSON并转化
     */
    public static <T> T fromJson(File file, TypeReference<T> typeReference) {
        try {
            return getMapper().readValue(file, typeReference);
        } catch (IOException e) {
            throw new RuntimeException(e);
        }
    }

    /**
     * 从文件读取JSON并转化
     */
    public static <T> T fromJson(File file, ParametricTypes parametricTypes) {
        try {
            return getMapper().readValue(file, getJavaType(parametricTypes));
        } catch (IOException e) {
            throw new RuntimeException(e);
        }
    }

    /**
     * 从字节数组读取JSON并转化
     */
    public static <T> T fromJson(byte[] bytes, Class<T> classOfT) {
        try {
            return getMapper().readValue(bytes, classOfT);
        } catch (IOException e) {
            throw new RuntimeException(e);
        }
    }

    /**
     * 从字节数组读取JSON并转化
     */
    public static <T> T fromJson(byte[] bytes, TypeReference<T> typeReference) {
        try {
            return getMapper().readValue(bytes, typeReference);
        } catch (IOException e) {
            throw new RuntimeException(e);
        }
    }

    /**
     * 从字节数组读取JSON并转化
     */
    public static <T> T fromJson(byte[] bytes, ParametricTypes parametricTypes) {
        try {
            return getMapper().readValue(bytes, getJavaType(parametricTypes));
        } catch (IOException e) {
            throw new RuntimeException(e);
        }
    }

}

4、Spring注册

@Configuration
@SuppressWarnings(value = "unused")
public class WebSocketConfiguration {
    @Bean
    public HandlerMapping webSocketMapping(final AdminWebSocketHandler handler) {
        final Map<String, WebSocketHandler> map = new HashMap<>();
        map.put("/local/ws", handler);
        final SimpleUrlHandlerMapping mapping = new SimpleUrlHandlerMapping();
        mapping.setOrder(Ordered.HIGHEST_PRECEDENCE);
        mapping.setUrlMap(map);
        return mapping;
    }

    @Bean
    public WebSocketHandlerAdapter handlerAdapter() {
        return new WebSocketHandlerAdapter();
    }
}

二、客户端

客户端当然可以使用JS,这里我还是使用的WebFlux实现。

1、客户端连接类

与服务端类似,直接调用connectAdminWs()函数就行了

package cn.ac.iscas.dmo.gateway.core.ws;

import cn.ac.iscas.dmo.gateway.admin.client.model.SelectorChanged;
import cn.ac.iscas.dmo.gateway.admin.utils.JsonUtils;
import com.fasterxml.jackson.core.type.TypeReference;
import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.RequiredArgsConstructor;
import lombok.extern.slf4j.Slf4j;
import org.springframework.web.reactive.socket.WebSocketMessage;
import org.springframework.web.reactive.socket.WebSocketSession;
import org.springframework.web.reactive.socket.client.ReactorNettyWebSocketClient;
import org.springframework.web.reactive.socket.client.WebSocketClient;
import reactor.core.publisher.Flux;
import reactor.core.publisher.FluxSink;
import reactor.core.publisher.Mono;

import java.net.URI;
import java.util.List;
import java.util.UUID;
import java.util.concurrent.TimeUnit;

/**
 * @author zhuquanwen
 * @version 1.0
 * @date 2022/4/13 15:11
 * @since jdk11
 */
@Slf4j
@RequiredArgsConstructor
@SuppressWarnings(value = "unused")
public class AdminWebSocketClient {
    private final GatewayConfig gatewayConfig;
    private WsWrap wsWrap;

    public void connectAdminWs() {
        try {
            log.info("发送WebSocket连接");
            WebSocketClient client = new ReactorNettyWebSocketClient();
            String prefix = gatewayConfig.getAdminProps().getUrl();
            prefix = prefix.replace("http://", "ws://")
                    .replace("https://", "wss://");
            client.execute(URI.create(prefix + "/local/ws?id=" + UUID.randomUUID()), session -> {
                        Mono<Void> input = session.receive().doOnNext(webSocketMessage -> messageHandle(session, webSocketMessage))
                                .doOnError(throwable -> log.error("发生异常:" + throwable))
                                .doOnComplete(() -> log.info("WebSocketClient结束")).then();
                        Mono<Void> output = session.send(Flux.create(sink -> wsWrap = new WsWrap(session, sink)));
                        return Mono.zip(input, output).then()
                                .doFinally(signalType -> {
                                    log.error("WebSocket连接断开,5秒后发起重连");
                                    try {
                                        TimeUnit.SECONDS.sleep(5);
                                    } catch (InterruptedException e) {
                                        e.printStackTrace();
                                    }
                                    // 重新连接
                                    connectAdminWs();
                                });
                    }).onTerminateDetach().doOnError(throwable -> log.error("发生异常:" + throwable))
                    .subscribe(aVoid -> {});
        } catch (Throwable e) {
            log.error("webSocket连接出错,5秒后发起重连", e);
            try {
                wsWrap.getSession().close();
            } catch (Exception ignore) {
            }
            try {
                TimeUnit.SECONDS.sleep(5);
            } catch (Exception ignore) {
            }
            //重连
            connectAdminWs();
        }
    }

    @Data
    @AllArgsConstructor
    private static class WsWrap {
        private WebSocketSession session;
        private FluxSink<WebSocketMessage> sink;

        public void sendText(Object obj) {
            sink.next(session.textMessage(JsonUtils.toJson(obj)));
        }
    }

    private void messageHandle(WebSocketSession session, WebSocketMessage message) {
        switch (message.getType()) {
            case TEXT: {
                String text = message.getPayloadAsText();
                // todo 业务处理
                } catch (Exception e) {
                    log.warn("无法处理的消息", e);
                }
                break;
            }
            case BINARY:
            case PING:
            case PONG:
                break;
            default:
        }
    }

}

  • 3
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
### 回答1: 使用 Spring Boot 实现 WebSocket 服务端和网页客户端需要以下步骤: 1. 在项目的 pom.xml 文件添加 spring-boot-starter-websocket 依赖。 2. 创建一个 WebSocketConfig 类,并使用 @EnableWebSocketMessageBroker 注解开启 WebSocket 消息代理。 3. 在 WebSocketConfig 类配置消息代理,可以使用 @Autowired 注入 SimpMessagingTemplate 类。 4. 创建一个 WebSocketController 类,并使用 @Controller 注解标记为控制器。在该类可以定义处理客户端请求的方法,使用 @MessageMapping 注解标记方法,并使用 SimpMessagingTemplate 向客户端发送消息。 5. 在网页客户端使用 JavaScript 和 WebSocket API 连接服务器并发送和接收消息。 6. 在 spring boot 启动类添加 @EnableWebSocket 即可。 更多细节请参考Spring官网相关文档。 ### 回答2: 在使用Spring Boot实现WebSocket服务端和网页客户端时,需要进行以下步骤: 1. 首先,创建一个Spring Boot项目,并在pom.xml文件添加相关的依赖项,包括Spring Web和Spring WebSocket依赖。 2. 创建一个WebSocket配置类,通过@EnableWebSocket注解启用WebSocket,并实现WebSocketConfigurer接口,重写registerWebSocketHandlers方法。 3. 在registerWebSocketHandlers方法,创建一个WebSocketHandler对象,并使用registerHandler方法注册该Handler,并指定相关的WebSocket连接路径。 4. 在WebSocketHandler,继承TextWebSocketHandler,重写handleTextMessage方法来处理接收到的文本消息。 5. 在handleTextMessage方法,可以处理接收到的消息,并通过WebSocketSession对象的sendMessage方法发送消息给客户端。 6. 创建一个Web页面作为WebSocket客户端,并使用JavaScriptWebSocket对象进行连接,指定WebSocket连接路径。 7. 在客户端使用WebSocket对象的onopen、onmessage、onclose和onerror方法来处理连接建立、接收到消息、连接关闭和连接错误的情况。 使用以上步骤,可以实现一个简单的WebSocket服务端和网页客户端。当客户端连接到服务端时,服务端可以接收到客户端发送的消息,并进行相应的处理,然后将处理结果发送给客户端。而客户端可以通过WebSocket对象发送消息给服务端,并接收到服务端发送的消息,完成双向通信的功能。 ### 回答3: 使用Spring Boot实现WebSocket服务端和网页客户端可以通过以下几个步骤完成。 1. 首先,在pom.xml文件添加Spring Boot的WebSocket依赖。 ```xml <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-websocket</artifactId> </dependency> ``` 2. 接下来,在Spring Boot的主类上添加@EnableWebSocket注解,启用WebSocket支持。 ```java @SpringBootApplication @EnableWebSocket public class Application { public static void main(String[] args) { SpringApplication.run(Application.class, args); } } ``` 3. 创建一个WebSocket处理类,实现WebSocketHandler接口,并重写相应的方法。 ```java @Component public class MyWebSocketHandler implements WebSocketHandler { @Override public void afterConnectionEstablished(WebSocketSession session) throws Exception { // 当与客户端建立连接后触发 } @Override public void handleMessage(WebSocketSession session, WebSocketMessage<?> message) throws Exception { // 当接收到客户端消息时触发 } @Override public void handleTransportError(WebSocketSession session, Throwable exception) throws Exception { // 当发生传输错误时触发 } @Override public void afterConnectionClosed(WebSocketSession session, CloseStatus closeStatus) throws Exception { // 当与客户端断开连接后触发 } @Override public boolean supportsPartialMessages() { return false; } } ``` 4. 在WebSocket处理类可以利用session对象与客户端进行交互,发送消息或者接收客户端发送的消息。例如,可以在`afterConnectionEstablished`方法使用`session.sendMessage()`方法发送欢迎消息给客户端,在`handleMessage`方法处理客户端发送的消息。 5. 创建一个配置类来注册WebSocketHandler,并指定WebSocket的访问路径。 ```java @Configuration public class WebSocketConfig implements WebSocketConfigurer { @Autowired private MyWebSocketHandler myWebSocketHandler; @Override public void registerWebSocketHandlers(WebSocketHandlerRegistry registry) { registry.addHandler(myWebSocketHandler, "/websocket").setAllowedOrigins("*"); } } ``` 6. 在网页客户端,可以利用JavaScript的WebSocket API来与服务端建立连接,并进行通信。 ```javascript var socket = new WebSocket('ws://localhost:8080/websocket'); socket.onopen = function() { // 当与服务端建立连接后触发 } socket.onmessage = function(event) { var message = event.data; // 接收服务端发送的消息 } socket.onclose = function(event) { // 当与服务端断开连接后触发 } function sendMessage(message) { socket.send(message); // 发送消息给服务端 } ``` 以上就是使用Spring Boot实现WebSocket服务端和网页客户端的基本步骤。可以根据实际需求,进一步细化和定制化相关功能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值