Springboot 整合 Socket 实战案例 ，实现 单点发送、广播群发，1对1，1对多_springboot socket(1)

最新推荐文章于 2024-05-18 11:13:35 发布
最新推荐文章于 2024-05-18 11:13:35 发布
阅读量372 收藏 16
点赞数 9
分类专栏： 程序员 文章标签： spring boot java 后端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_84007049/article/details/138345733
版权
⑤创建 socket handler 负责记录客户端 连接、下线

MySocketHandler.java

import com.corundumstudio.socketio.SocketIOClient;
import com.corundumstudio.socketio.SocketIOServer;
import com.corundumstudio.socketio.annotation.OnConnect;
import com.corundumstudio.socketio.annotation.OnDisconnect;
import com.socket.mysocket.util.SocketUtil;
import org.springframework.beans.factory.annotation.Autowired;
import javax.annotation.PostConstruct;
import javax.annotation.PreDestroy;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.stereotype.Component;


/**
 * @Author: JCccc
 * @Description:
 * @Date: 2022/6/23 21:21
 */
@Component
public class MySocketHandler {
    private final Logger log = LoggerFactory.getLogger(this.getClass());
    @Autowired
    private SocketIOServer socketIoServer;
    @PostConstruct
    private void start(){
        try {
            socketIoServer.start();
        }catch (Exception e){
            e.printStackTrace();
        }
    }
    @PreDestroy
    private void destroy(){
        try {
        socketIoServer.stop();
        }catch (Exception e){
            e.printStackTrace();
        }
    }
    @OnConnect
    public void connect(SocketIOClient client) {
        String userFlag = client.getHandshakeData().getSingleUrlParam("userFlag");
        SocketUtil.connectMap.put(userFlag, client);
        log.info("客户端userFlag: "+ userFlag+ "已连接");
    }
    @OnDisconnect
    public void onDisconnect(SocketIOClient client) {
        String userFlag = client.getHandshakeData().getSingleUrlParam("userFlag");
        log.info("客户端userFlag:" + userFlag + "断开连接");
        SocketUtil.connectMap.remove(userFlag, client);
    }
}

代码简析：

⑥ 封装的socket 小函数

SocketUtil.java

import com.alibaba.fastjson.JSON;
import com.alibaba.fastjson.JSONObject;
import com.corundumstudio.socketio.AckRequest;
import com.corundumstudio.socketio.SocketIOClient;
import com.corundumstudio.socketio.annotation.OnEvent;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Component;
import org.springframework.util.StringUtils;

import java.util.Map;
import java.util.Objects;
import java.util.concurrent.ConcurrentHashMap;
import java.util.concurrent.ConcurrentMap;

/**
 * @Author: JCccc
 * @Description:
 * @Date: 2022/6/23 21:28
 */
@Component
public class SocketUtil {

    private final Logger log = LoggerFactory.getLogger(this.getClass());

    //暂且把用户&客户端信息存在缓存
    public static ConcurrentMap<String, SocketIOClient> connectMap = new ConcurrentHashMap<>();

    @OnEvent(value = "CHANNEL_SYSTEM")
    public void systemDataListener(String receiveMsg) {
        if (!StringUtils.hasLength(receiveMsg)){
            return;
        }
        JSONObject msgObject = (JSONObject) JSON.parse(receiveMsg);
        String userFlag = String.valueOf(msgObject.get("from"));
        String content = String.valueOf(msgObject.get("content"));
        log.info("收到用户 ： {} 推送到系统频道的一条消息 :{}",userFlag,content );
    }

    public void sendToAll(Map<String, Object> msg,String sendChannel) {
        if (connectMap.isEmpty()){
            return;
        }
        //给在这个频道的每个客户端发消息
        for (Map.Entry<String, SocketIOClient> entry : connectMap.entrySet()) {
            entry.getValue().sendEvent(sendChannel, msg);
        }
    }

    public void sendToOne(String userFlag, Map<String, Object> msg,String sendChannel) {
        //拿出某个客户端信息
        SocketIOClient socketClient = getSocketClient(userFlag);
        if (Objects.nonNull(socketClient) ){
            //单独给他发消息
            socketClient.sendEvent(sendChannel,msg);
        }
    }


    /**
     * 识别出客户端
     * @param userFlag
     * @return
     */
    public SocketIOClient getSocketClient(String userFlag){
        SocketIOClient client = null;
        if (StringUtils.hasLength(userFlag) &&  !connectMap.isEmpty()){
            for (String key : connectMap.keySet()) {
                if (userFlag.equals(key)){
                    client = connectMap.get(key);
                }
            }
        }
        return client;
    }



}

代码简析：

⑦写1个接口，模拟场景，前端页面调用后端接口，做消息推送

TestController.java

import com.socket.mysocket.dto.MyMessage;
import com.socket.mysocket.util.SocketUtil;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.*;

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

/**
 * @Author: JCccc
 * @Description:
 * @Date: 2022/06/13 21:50
 */
@RestController
public class TestController {
    public final static String SEND_TYPE_ALL = "ALL";
    public final static String SEND_TYPE_ALONE = "ALONE";
    @Autowired
    SocketUtil socketUtil;

    @PostMapping("/testSendMsg")
    public String testSendMsg(@RequestBody MyMessage myMessage){
        Map<String, Object> map = new HashMap<>();
        map.put("msg",myMessage.getContent());

        //群发
        if (SEND_TYPE_ALL.equals(myMessage.getType())){
            socketUtil.sendToAll( map,myMessage.getChannel());
            return "success";
        }
        //指定单人
        if (SEND_TYPE_ALONE.equals(myMessage.getType())){
            socketUtil.sendToOne(myMessage.getTo(), map, myMessage.getChannel());
            return "success";
        }

        return "fail";
    }
}

代码简析：

好了，7步了。一切已经就绪了。

前端简单页面

接下来搞点前端HTML页面， 玩一玩看看效果:

第一个页面：
TestClientStudentJC.html

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>我要连SOCKET</title>
    <base>
    <script src="https://cdn.bootcss.com/jquery/3.4.0/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/socket.io/2.2.0/socket.io.js"></script>
    <style>
        body {
            padding: 20px;
        }
        #console {
            height: 450px;
            overflow: auto;
        }
        .msg-color {
            color: green;
        }
    </style>
</head>

<body>
<div id="console" class="well"></div>


<div id="conversationDiv">
    <labal>给系统推消息</labal>
    <input type="text" id="content"/>
    <button id="btnSendToSystem" onclick="sendSys();">发送</button>
</div>


</body>
<script type="text/javascript">
    var socket;
    connect();

    function connect() {
        var userFlag = 'user_JC';
        var opts = {
            query: 'userFlag=' + userFlag
        };
        socket = io.connect('http://localhost:8503', opts);
        socket.on('connect', function () {
            console.log("连接成功");
            output('当前用户是：' + userFlag );
            output('<span class="msg-color">连接成功了。</span>');
        });
        socket.on('disconnect', function () {
            output('<span class="msg-color">下线了。 </span>');
        });

        socket.on('CHANNEL_STUDENT', function (data) {
            let msg= JSON.stringify(data)
            output('收到学生频道消息了：' + msg );
            console.log(data);

        });
        socket.on('CHANNEL_SYSTEM', function (data) {
            let msg= JSON.stringify(data)
            output('收到系统全局消息了：' + msg );
            console.log(data);

        });

    }

    function sendSys() {
        console.log('发送消息给服务端');
        var content = document.getElementById('content').value;

        socket.emit('CHANNEL_SYSTEM',JSON.stringify({
            'content': content,
            'from': 'user_JC'
        }));

    }
    function output(message) {
        var element = $("<div>" + message + "</div>");
        $('#console').prepend(element);
    }
    
</script>
</html>

代码简析：

第二个页面，跟第一个基本一样，改一下用户唯一标识：

TestClientStudentPU.html

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>我要连SOCKET</title>
    <base>
    <script src="https://cdn.bootcss.com/jquery/3.4.0/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/socket.io/2.2.0/socket.io.js"></script>
    <style>
        body {
            padding: 20px;
        }
        #console {
            height: 450px;
            overflow: auto;
        }
        .msg-color {
            color: green;
        }
    </style>
</head>

<body>
<div id="console" class="well"></div>


<div id="conversationDiv">
    <labal>给系统推消息</labal>
    <input type="text" id="content"/>
    <button id="btnSendToSystem" onclick="sendSys();">发送</button>
</div>


</body>
<script type="text/javascript">
    var socket;
    connect();

    function connect() {
        var userFlag = 'user_PU';
        var opts = {
            query: 'userFlag=' + userFlag
        };
        socket = io.connect('http://localhost:8503', opts);
        socket.on('connect', function () {
            console.log("连接成功");
            output('当前用户是：' + userFlag );
            output('<span class="msg-color">连接成功了。</span>');
        });
        socket.on('disconnect', function () {
            output('<span class="msg-color">下线了。 </span>');
        });

        socket.on('CHANNEL_STUDENT', function (data) {
            let msg= JSON.stringify(data)
            output('收到学生频道消息了：' + msg );
            console.log(data);

        });
        socket.on('CHANNEL_SYSTEM', function (data) {
            let msg= JSON.stringify(data)
            output('收到系统全局消息了：' + msg );
            console.log(data);

        });

    }

    function sendSys() {
        console.log('发送消息给服务端');
        var content = document.getElementById('content').value;

        socket.emit('CHANNEL_SYSTEM',JSON.stringify({
            'content': content,
            'from': 'user_PU'
        }));

    }
    function output(message) {
        var element = $("<div>" + message + "</div>");
        $('#console').prepend(element);
    }

</script>
</html>

OK，把项目跑起来，开始玩。

直接访问客户端页面 模拟学生 JC连接socket：
http://127.0.0.1:8089/TestClientStudentJC.html

可以看到服务端有监测到：

这里监测的：

先试试客户端给系统推消息先:

可以看到服务端成功收到消息：

这种方式，其实是因为服务监听了相关的频道：

前端使用JS推到这个系统频道：

ps： 其实前端给服务端推消息，其实调用接口就可以。

OK，进入核心应用场景1：

群发，所有人都能收到    系统给连上的客户端都推送消息

{

“type”: “ALL”,

“content”:“你们好,这是一条广播消息,全部人都能收到”,

“channel”:“CHANNEL_SYSTEM”

}

最后

现在其实从大厂招聘需求可见，在招聘要求上有高并发经验优先，包括很多朋友之前都是做传统行业或者外包项目，一直在小公司，技术搞的比较简单，没有怎么搞过分布式系统，但是现在互联网公司一般都是做分布式系统。

所以说，如果你想进大厂，想脱离传统行业，这些技术知识都是你必备的，下面自己手打了一份Java并发体系思维导图，希望对你有所帮助。

服务端推消息，其实调用接口就可以。

OK，进入核心应用场景1：

群发，所有人都能收到    系统给连上的客户端都推送消息

{

“type”: “ALL”,

“content”:“你们好,这是一条广播消息,全部人都能收到”,

“channel”:“CHANNEL_SYSTEM”

}

最后

现在其实从大厂招聘需求可见，在招聘要求上有高并发经验优先，包括很多朋友之前都是做传统行业或者外包项目，一直在小公司，技术搞的比较简单，没有怎么搞过分布式系统，但是现在互联网公司一般都是做分布式系统。

所以说，如果你想进大厂，想脱离传统行业，这些技术知识都是你必备的，下面自己手打了一份Java并发体系思维导图，希望对你有所帮助。

[外链图片转存中…(img-bw0GlwTD-1714459715869)]

本文已被CODING开源项目：【一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码】收录

2401_84007049
关注
  • 9
    点赞
  • 踩
  • 16
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
SpringBoot webSocket实现发送广播、点对点消息和Android接收
08-31
主要介绍了SpringBoot webSocket实现发送广播、点对点消息和Android接收,具有一定的参考价值，感兴趣的小伙伴们可以参考一下。
AsyncSocket.rar_4 3 2 1_socket 多线程_socket 客户端_socket高并发_多并发socke
07-14
socket多线程并发异步通讯 1、多客户端； 2、高并发连接断开； 3、高并发异步接收发送； 4、无丢包；
SpringBoot 整合 Socket 实战案例 ，实现 单点发送、广播群发，1对1，1对多
qq_43842093的博客
07-23 689
模拟 学生 PU 给 学生JC 推消息：可以看到在学生频道的JC正常收到了PU的消息：转自：https://mp.weixin.qq.com/s?
Springboot 整合 Socket 实战案例 ，实现 单点发送、广播群发，1对1，1对多
默默不代表沉默
07-29 7685
7步学会 springboot整合 socket
springboot+websocket的实现
乐昊的博客
11-09 8147
本文章利用一个小的对话demo来展示springboot+websocket的实现。 下面开始简单的实现过程： 我的项目结构： 一、首先，创建springboot项目，在pox.xml中加入（下面是我的pom.xml的dependencies里的全部依赖，因为，这个是最简单的入门例子,所以只有主要的websocket和web依赖） <dependencies> <dependency> <groupId>org.springframewor
Springboot 整合 Socket 实战案例 ，实现 单点发送、广播群发，1对1，1对多_springboot socket
2401_84007049的博客
04-30 725
**/***/@Component//暂且把用户&客户端信息存在缓存if (!return;log.info(“收到用户 ： {} 推送到系统频道的一条消息 :{}”,userFlag,content );return;//给在这个频道的每个客户端发消息//拿出某个客户端信息//单独给他发消息/**
SpringBoot整合Socket实战案例，实现单点、群发，1对1，1对多
代码界的扛把子
10-10 599
本篇内容：后端 + 前端简单HTML页面功能场景点：群发，所有人都能收到局部群发，部分人群都能收到单点推送， 指定某个人的页面惯例，先看看本次实战示例项目结构：添加图片注释，不超过 140 字（可选）可以看到内容不多，也就是说，springboot 整合socket， 跟着我学，轻轻松松。不多说，开始：① pom引入核心依赖 com.alibaba fastjson
Springboot 整合 WebSocket ，使用STOMP协议 ，前后端整合实战 （一）
热门推荐
默默不代表沉默
09-05 1万+
前言 这是一篇比较适合初学者学习的教程，如果你已经掌握，可以直接忽略。 很久很久以前写过一篇关于springboot 使用 websocket的文章 ， 《SpringBoot 整合WebSocket 简单实战案例》 地址：https://blog.csdn.net/qq_35387940/article/details/93483678 最简单直接的模式整合websocket，文章里介绍了怎么后端给前端广播推送消息，也介绍了前端之间怎么点对点互相推送消息。反响不错。 后来...
Netty
飘然生的博客
05-06 1870
Netty实战精髓篇 常见的网络通信框架？ Netty（JBoss） Mina（Apach） Grizzly（sum） 前言。BIO和NIO的通信流程区别 中间多插入一个多路复用器 BIO:服务端——线程——socket——客户端 （有几个客户端就有几个线程） NIO:服务端——线程——selector——socket——客户端 （一个线程，一个多路复用器进行轮询） 一。...
C#Client和Server通信程序.zip_C#_furtherwu1_socket_socket server_服务器
09-15
使用C#编写服务器与客户端界面并用Socket实现通信。
SocketClient1_Socket客户端实现代码_
09-30
C# 实现有Socket客户端代码
[P034-1]ETN21使用功能块实现SOCKET UDP通讯_omronplc_cj1w-etn21socket_
10-03
OMRON CJ1W-ETN21 UDp通讯功能实现， OMRON
Spring Boot实现多数据源快速入门
HBLOG
05-15 258
多数据源既动态数据源，项目开发逐渐扩大，单个数据源、单一数据源已经无法满足需求项目的支撑需求。本文采用dynamic-datasource-spring-boot-starter实现多数据源，由于类上@DS("slave_1")，所以预期插入的slave_1mysql库。查询方法注解的@DS("master")，所以在mater库上根本查不到数据。本文使用2个mysql作为数据源，表都是一样的结构。然后修改service，增加切换数据源注解。可以注解在方法上或类上，配置下格式支持这几种。
Spring Boot中的缓存注解
新生代码农的博客
05-17 470
缓存在现代应用程序中扮演着重要角色，它可以显著提高应用程序的性能和响应速度。SpringBoot提供了一组强大的缓存注解，使得在应用中轻松集成缓存成为可能。本文将详细介绍SpringBoot中的缓存注解，并探讨它们在不同场景下的使用。
Spring Boot 调用外部接口的几种方式
05-10 901
以上对 Spring Boot 调用外部接口的三种方式进行了简单介绍，但实践中需要依据项目具体需求和实际情况进行选择，以确保项目导向和效率最优。
Spring框架与Spring Boot：分享这两个Java世界里非常流行的框架，包括其设计理念，工作原理，以及如何在实际项目中使用
哎 你看的博客
05-14 1018
Spring框架与Spring Boot：分享这两个Java世界里非常流行的框架，包括其设计理念，工作原理，以及如何在实际项目中使用、控制反转、面向切面编程
Spring Boot集成Picocli快速入门Demo
最新发布
HBLOG
05-18 245
Picocli是一个单文件命令行解析框架，它允许您创建命令行应用而几乎不需要代码。使用@Option或在您的应用中注释字段，Picocli将分别使用命令行选项和位置参数填充这些字段。使用Picocli来编写一个功能强大的命令行程序。
如何使用springboot整合socket.io实现私聊和群聊功能
03-14
您可以使用 Spring Boot 和 Socket.IO 的 Java 客户端库来实现私聊和群聊功能。首先，您需要在 pom.xml 文件中添加以下依赖项： ``` <dependency> <groupId>com.corundumstudio.socketio</groupId> <artifactId>netty-socketio</artifactId> <version>1.7.16</version> </dependency> ``` 然后，您需要创建一个 Socket.IO 服务器并配置它。以下是一个简单的示例： ``` @Configuration public class SocketConfig { @Bean public SocketIOServer socketIOServer() { Configuration config = new Configuration(); config.setHostname("localhost"); config.setPort(8080); SocketIOServer server = new SocketIOServer(config); return server; } } ``` 接下来，您需要创建一个控制器来处理 Socket.IO 事件。以下是一个示例： ``` @Controller public class ChatController { @Autowired private SocketIOServer server; @OnConnect public void onConnect(SocketIOClient client) { // 处理连接事件 } @OnDisconnect public void onDisconnect(SocketIOClient client) { // 处理断开连接事件 } @OnEvent("chat") public void onChat(SocketIOClient client, ChatMessage message) { // 处理聊天事件 } } ``` 最后，您需要创建一个 ChatMessage 类来表示聊天消息。以下是一个示例： ``` public class ChatMessage { private String from; private String to; private String message; // 省略 getter 和 setter 方法 } ``` 现在，您可以使用 Socket.IO 客户端库来连接到您的服务器，并发送和接收聊天消息。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值