Spring boot 集成socket 推送消息到前段(本地实战过绝对没问题)

学不可以怡

已于 2024-02-05 15:45:33 修改

阅读量1.4k

点赞数

分类专栏： socket技术文章标签： java websocket socket html

于 2021-01-27 14:20:34 首次发布

本文链接：https://blog.csdn.net/qq_27787701/article/details/113247570

版权

socket技术专栏收录该内容

1 篇文章 0 订阅

订阅专栏

#博学谷IT学习技术支持#

1.准备一个spring boot项目

2.下载socket.io.js，下载地址：socket.io.js下载_socket.io.js-互联网文档类资源-CSDN下载

3.JAVA代码如下：

先maven引入pom

<dependency>
	<groupId>com.corundumstudio.socketio</groupId>
	<artifactId>netty-socketio</artifactId>
	<version>1.7.7</version>
</dependency>

package com.example.demo.util;

import com.corundumstudio.socketio.Configuration;
import com.corundumstudio.socketio.SocketIOClient;
import com.corundumstudio.socketio.SocketIOServer;
import com.corundumstudio.socketio.listener.ConnectListener;

import java.util.Collection;

public class Socketio {

    private static SocketIOServer socketIOServer;

    /**
     * @Title: startSocketio
     * @Description: 创建服务添加客户端
     */
    public void startSocketio() {

        // 配置
        Configuration conf = new Configuration();
        // 指定要主机ip地址，这个和页面请求ip地址一致
        conf.setHostname( "localhost" );
        // 指定端口号
        conf.setPort( 9092 );
        // 设置最大的WebSocket帧内容长度限制
        conf.setMaxFramePayloadLength( 1024 * 1024 );
        // 设置最大HTTP内容长度限制
        conf.setMaxHttpContentLength( 1024 * 1024 );

        socketIOServer = new SocketIOServer( conf );

        ConnectListener connect = new ConnectListener() {

            @Override
            public void onConnect( SocketIOClient client ) {}
        };
        // 添加客户端
        socketIOServer.addConnectListener( connect );
        socketIOServer.start();
    }


    /**
     * @Title: pushArr
     * @Description: 全体消息推送
     * @param type
     *            前台根据类型接收消息，所以接收的消息类型不同，收到的通知就不同 推送的事件类型
     * @param content
     *            推送的内容
     */
    public void pushArr( String type, Object content ) {

        // 获取全部客户端
        Collection<SocketIOClient> allClients = socketIOServer.getAllClients();
        for( SocketIOClient socket : allClients ) {
            socket.sendEvent( type, content );
        }
    }


    /**
     * @Title: startServer
     * @Description: 启动服务
     */
    public void startServer() {

        if( socketIOServer == null ) {
            new Thread( new Runnable() {

                @Override
                public void run() {

                    startSocketio();
                }
            } ).start();
        }
    }


    /**
     * @Title: stopSocketio
     * @Description: 停止服务
     */
    public void stopSocketio() {

        if( socketIOServer != null ) {
            socketIOServer.stop();
            socketIOServer = null;
        }
    }
}

package com.example.demo.lisener;

import com.example.demo.util.Socketio;
import lombok.extern.slf4j.Slf4j;
import org.springframework.context.annotation.Configuration;

import javax.servlet.ServletContextEvent;
import javax.servlet.ServletContextListener;
import javax.servlet.annotation.WebListener;

/**
 * 监听器启动(运行于整个项目运行时周期:init-destoryed)
 */

@Configuration
@WebListener
@Slf4j
public class SocketioLisener implements ServletContextListener {

    @Override
    public void contextInitialized(ServletContextEvent sce) {
        //启动Socketio服务
        Socketio socketio = new Socketio();
        socketio.startServer();
        log.info("监听启动了····");
    }

    @Override
    public void contextDestroyed(ServletContextEvent sce) {
        //关闭Socketio服务
        Socketio socketio = new Socketio();
        socketio.stopSocketio();
    }
}

写个测试的控制器

package com.example.demo.ctrl;

import com.example.demo.util.Socketio;
import io.swagger.annotations.ApiOperation;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RestController;

@RestController
public class MsgCtrl {

    /**
     * 测试报警推送服务:主要应用一个方法pushArr
     */
    @GetMapping("/pushMessage")
    @ApiOperation("测试消息推送")
    public void pushMessage() {
        Socketio socketio = new Socketio();
        //这里发送的消息内容可以结合具体场景自定义对象
        socketio.pushArr("connect_msg", "您好，您的专属奖励已经到账，请查收！");
    }
}

最后写上一个简单的前段的项目 socket.io.js点击下载

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>测试发送消息</title>
		<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
		<script src="js/socket.io.js"></script>
	</head>
	<body>
		<p id="msg"></p>
		<button id="onBind">发送消息</button>
	</body>
	<script type="text/javascript">
		<!-- 实时从指定查看是否有消息 -->
		var socket = io.connect('localhost:9092');
		socket.on('connect_msg', function(data) {
			$("#msg").append('<p>' + data + '</>');
		});

		$("#onBind").click(function() {
			$.ajax({
				url: 'http://localhost:8082/pushMessage',
				type: 'GET',
				success: function(data) {
					alert("消息发送成功");
				}
			})
		})
	</script>
</html>

然后通过请求接口会实时把后端的消息推送到前段页面。

学不可以怡

关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
10
评论
Spring boot 集成socket 推送消息到前段(本地实战过绝对没问题)

String boot 集成socket实现前后端长连接发送消息1.准备一个spring boot项目2.下载socket.io.js，下载地址：https://download.csdn.net/download/qq_27787701/149417383.JAVA代码如下：先maven引入pom<dependency> <groupId>com.corundumstudio.socketio</groupId> <artifact.
复制链接

扫一扫

专栏目录