当前位置:   article > 正文

Springboot整合WebSocket(纯后端)_websocket接口后端怎么调用

websocket接口后端怎么调用

一、 HTTP协议与WebSocket区别

  • HTTP协议是一种无状态的、无连接的、单向的应用层协议
    • 它采用了请求/响应模型
    • 通信请求只能由客户端发起,服务端对请求做出应答处理
    • 这种通信模型有一个弊端:HTTP协议无法实现服务器主动向客户端发起消息
  • http协议

在这里插入图片描述

  • WebSocket是一种网络通信协议
  • WebSocket是HTML5开始提供的一种在单个TCP连接上进行双工通讯的协议
  • websocket协议

在这里插入图片描述

二、客户端(浏览器)实现


简单介绍下前端,不做代码方面内容

1、websocket对象

  • 实现 WebSockets 的 Web 浏览器将通过 WebSocket 对象公开所有必需的客户端功能(主要指支持 Htm15的浏览器)
  • 以下API用于创建 WebSocket对象:
var ws = new webSocket(url);
  • 1

参数url格式说明:ws://ip地址:端口号/资源名称

2、websocket事件

事件事件处理描述
openwebsocket对象.open连接建立时触发
messagewebsocket对象.message客户端接收服务端数据时触发
errorwebsocket对象.error通信发生错误时触发
closewebsocket对象.close连接关闭时触发

3、WebSocket方法

方法描述
send()使用连接发送数据

三、服务端实现

  • Tomcat的7.0.5版本开始支持WebSocket,并且实现了Java WebSocket规范(JSR356)
  • Java WebSocket应用由一系列的WebSocketEndpoint组成
    • Endpoint是一个java对象,代表WebSocket链接的一端
    • 对于服务端,我们可以视为处理具体webSocket消息的接口,就像Servlet之与http请求一样
  • 我们可以通过两种方式定义Endpoint:
    • 第一种是编程式,即继承类 javax.websocket.Endpoint并实现其方法
    • 第二种是注解式,即定义一个POJO,并添加@ServerEndpoint相关注解

1、连接过程

  • Endpoint实例在WebSocket握手时创建,并在客户端与服务端链接过程中有效,最后在链接关闭时结束
  • 在Endpoint接口中明确定义了与其生命周期相关的方法
  • 规范实现者确保生命周期的各个阶段调用实例的相关方法
  • 生命周期方法如下:
方法描述注解
onOpen()当开启一个新的会话时调用,该方法是客户端与服务端握手成功后调用的方法@OnOpen
onClose()当会话关闭时调用@OnClose
onError()当连接过程异常时调用@OnError
OnMessage()当连接过程异常时调用@OnMessage

2、服务端接收客户端消息

  • 当采用注解方式定义Endpoint时
  • 可以通过@OnMessage注解指定接收消息的方法

3、服务端推送消息给客户端

  • 发送消息则由RemoteEndpoint完成,其实例由session维护
  • 我们可以通过Session.getBasicRemote获取同步消息发送的实例
  • 也可以Session.getAsyncRemote获取异步消息发送的实例
  • 然后调用其sendXxx()方法就可以发送消息

四、后端功能实现

  • springboot项目导入websocket包
<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-websocket</artifactId>
</dependency>
  • 1
  • 2
  • 3
  • 4
  • websocket的配置信息
@Configuration
public class WebSocketConfig {
    @Bean
    public ServerEndpointExporter serverEndpointExporter() {
        return new ServerEndpointExporter();
    }
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • websocket的处理类,作用相当于HTTP请求中的controller
@Component
@Slf4j
@ServerEndpoint("/api/pushMessage/{userId}")
public class WebSocketServer {

    /**静态变量,用来记录当前在线连接数*/
    private static final AtomicInteger onlineCount = new AtomicInteger(0);
    /**concurrent包的线程安全Set,用来存放每个客户端对应的WebSocket对象。*/
    private static final 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);
            // 加入map中
            webSocketMap.put(userId, this);
        } else {
            // 加入map中
            webSocketMap.put(userId, this);
            // 在线数加1
            onlineCount.incrementAndGet();
        }
        log.info("用户连接:" + userId + ",当前在线人数为:" + onlineCount);
        sendMessage("连接成功");
    }

    /**
     * 连接关闭调用的方法
     */
    @OnClose
    public void onClose() {
        if (webSocketMap.containsKey(userId)) {
            webSocketMap.remove(userId);
            // 在线人数减1
            onlineCount.decrementAndGet();
        }
        log.info("用户退出:" + userId + ",当前在线人数为:" + onlineCount);
    }

    /**
     * 收到客户端消息后调用的方法
     **/
    @OnMessage
    public void onMessage(String message, Session session) {
        log.info("用户消息:" + userId + ",报文:" + message);
        // 解析发送的报文
        JSONObject jsonObject = JSON.parseObject(message);
        // 获取需要转发的用户id
        String toUserId = jsonObject.getString("toUserId");
        // 传送给对应toUserId用户的websocket
        if (StringUtils.isNotBlank(toUserId) && webSocketMap.containsKey(toUserId)) {
            webSocketMap.get(toUserId).sendMessage(message);
        } else {
            log.error("请求的userId:" + toUserId + "不在该服务器上");
        }
    }


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

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

    /**
     *发送自定义消息
     **/
    public static void sendInfo(String message, String userId) {
        log.info("发送消息到:" + userId + ",报文:" + message);
        if (StringUtils.isNotBlank(userId) && webSocketMap.containsKey(userId)) {
            webSocketMap.get(userId).sendMessage(message);
        } else {
            log.error("用户" + userId + ",不在线!");
        }
    }
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71
  • 72
  • 73
  • 74
  • 75
  • 76
  • 77
  • 78
  • 79
  • 80
  • 81
  • 82
  • 83
  • 84
  • 85
  • 86
  • 87
  • 88
  • 89
  • 90
  • 91
  • 92
  • 93
  • 94
  • 95
  • 测试
  • 前端模拟连接开启三个用户

在这里插入图片描述

  • 后端用户连接成功,在线3人

在这里插入图片描述

  • 用户1发送消息给用户2

在这里插入图片描述

  • 用户1发送消息给用户2,用户2并回应用户1

在这里插入图片描述

  • 后台日志

在这里插入图片描述

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/笔触狂放9/article/detail/853430
推荐阅读
相关标签
  

闽ICP备14008679号