文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

springboot项目如何接入websocket

2023-06-15 01:03

关注

这篇文章将为大家详细讲解有关springboot项目如何接入websocket,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

springboot是什么

springboot一种全新的编程规范,其设计目的是用来简化新Spring应用的初始搭建以及开发过程,SpringBoot也是一个服务于框架的框架,服务范围是简化配置文件。


最近一个项目又重启了,之前支付了要手动点击已付款,所以这次想把这个不友好体验干掉。另外以后的扫码登录什么的都需要这个服务支持。之前扫码登录这块用的mqtt,时间上是直接把mqtt的连接信息返回给前端。前端连接mqtt服务,消费信息。这次不想这样弄了,准备接入websocket。

一、环境说明

我这里是springBoot2.4.5 + springCloud2020.1.2,这里先从springBoot对接开始,逐步再增加深度,不过可能时间不够,就简单接入能满足现在业务场景就stop。没办法,从入职就开始的一个项目到现在,要死不活的,没有客户就不投入,有客户就催命,真不知道还能坚持多久。。。。。。

二、引包

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

现在springboot对接websocket就值需要这么简单的一个包了。

三、配置类

import lombok.extern.slf4j.Slf4j;import org.springframework.beans.factory.annotation.Value;import org.springframework.context.annotation.Bean;import org.springframework.context.annotation.Configuration;import org.springframework.web.socket.server.standard.ServerEndpointExporter;@Slf4j@Configurationpublic class WebSocketConfig {    @Bean    public ServerEndpointExporter serverEndpointExporter(){        return new ServerEndpointExporter();    }}

就这一个,里面的bean是用来扫描Endpoint注解的类的。
配置文件都没什么好说的,简单对接用不上,也不用什么调优。

四、websocketServer

import com.alibaba.fastjson.JSON;import com.alibaba.fastjson.JSONObject;import lombok.extern.slf4j.Slf4j;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;@Slf4j@Component@ServerEndpoint("/wsPushMessage/{wsUserId}")public class MyWebSocketSever {        private static int onlineCount = 0;        private static ConcurrentHashMap<String, MyWebSocketSever> webSocketMap = new ConcurrentHashMap<>();        private Session session;        private String wsUserId = "";        @OnOpen    public void onOpen(Session session, @PathParam("wsUserId") String userId) {        this.session = session;        this.wsUserId = userId;        if (webSocketMap.containsKey(userId)) {            webSocketMap.remove(userId);            //加入set中            webSocketMap.put(userId, this);        } else {            //加入set中            webSocketMap.put(userId, this);            //在线数加1            addOnlineCount();        }        log.info("用户连接:" + userId + ",当前在线人数为:" + getOnlineCount());        sendMessage("连接成功");    }        @OnClose    public void onClose() {        if (webSocketMap.containsKey(wsUserId)) {            webSocketMap.remove(wsUserId);            //从set中删除            subOnlineCount();        }        log.info("用户退出:" + wsUserId + ",当前在线人数为:" + getOnlineCount());    }        @OnMessage    public void onMessage(String message, Session session) {        log.info("用户消息:" + wsUserId + ",报文:" + message);        //可以群发消息        //消息保存到数据库、redis        if (StringUtils.isNotBlank(message)) {            try {                //解析发送的报文                JSONObject jsonObject = JSON.parseObject(message);                //追加发送人(防止串改)                jsonObject.put("fromUserId", this.wsUserId);                String toUserId = jsonObject.getString("toUserId");                //传送给对应toUserId用户的websocket                if (StringUtils.isNotBlank(toUserId) && webSocketMap.containsKey(toUserId)) {                    webSocketMap.get(toUserId).sendMessage(message);                } else {                    //否则不在这个服务器上,发送到mysql或者redis                    log.error("请求的userId:" + toUserId + "不在该服务器上");                }            } catch (Exception e) {                e.printStackTrace();            }        }    }        @OnError    public void onError(Session session, Throwable error) {        log.error("用户错误:" + this.wsUserId + ",原因:" + error.getMessage());        error.printStackTrace();    }}

核心方法就这么几个,这里面的细节可以自行根据业务场景处理,比如给信息增加一个类型,然后搞个公用方法,根据信息类型走不同业务逻辑,存库等等都可以的。

五、前端测试js

<!DOCTYPE html><html><head>    <meta charset="utf-8">    <title>websocket通讯</title></head><script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script><script>    let socket;    function openSocket() {        const socketUrl = "ws://localhost:8810/wsPushMessage/" + $("#userId").val();        console.log(socketUrl);        if(socket!=null){            socket.close();            socket=null;        }        socket = new WebSocket(socketUrl);        //打开事件        socket.onopen = function() {            console.log("websocket已打开");        };        //获得消息事件        socket.onmessage = function(msg) {            console.log(msg.data);            //发现消息进入,开始处理前端触发逻辑        };        //关闭事件        socket.onclose = function() {            console.log("websocket已关闭");        };        //发生了错误事件        socket.onerror = function() {            console.log("websocket发生了错误");        }    }    function sendMessage() {        socket.send('{"toUserId":"'+$("#toUserId").val()+'","contentText":"'+$("#contentText").val()+'"}');        console.log('{"toUserId":"'+$("#toUserId").val()+'","contentText":"'+$("#contentText").val()+'"}');    }function closeSocket(){socket.close();}</script><body><p>【socket开启者的ID信息】:<div><input id="userId" name="userId" type="text" value="10"></div><p>【客户端向服务器发送的内容】:<div><input id="toUserId" name="toUserId" type="text" value="20">    <input id="contentText" name="contentText" type="text" value="hello websocket"></div><p>【开启连接】:<div><a onclick="openSocket()">开启socket</a></div><p>【发送信息】:<div><a onclick="sendMessage()">发送消息</a></div><p>【关闭连接】:<div><a onclick="closeSocket()">关闭socket</a></div></body></html>

六、测试效果

springboot项目如何接入websocket

关于“springboot项目如何接入websocket”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯