SpringBoot下使用WebSocket

最新推荐文章于 2024-06-12 09:50:27 发布
最新推荐文章于 2024-06-12 09:50:27 发布
阅读量90 收藏
点赞数
分类专栏： 框架 SpringBoot 文章标签： websocket spring boot
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zengjyxxz/article/details/106540095
版权

1、一个demo：

maven：

<!--websocket服务端-->
<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
<dependency>
    <groupId>org.springframework</groupId>
    <artifactId>spring-websocket</artifactId>
    <version>4.3.8.RELEASE</version>
</dependency>
<!--websocket作为客户端-->
<dependency>
    <groupId>org.java-websocket</groupId>
    <artifactId>Java-WebSocket</artifactId>
    <version>1.3.5</version>
</dependency>

WebSocket配置类：

import org.springframework.context.annotation.Bean;
import org.springframework.web.socket.server.standard.ServerEndpointExporter;

@Component
public class WebSocketConfig {
 
    /**
     * ServerEndpointExporter 作用
     *
     * 这个Bean会自动注册使用@ServerEndpoint注解声明的websocket endpoint
     *
     * @return
     */
    @Bean
    public ServerEndpointExporter serverEndpointExporter() {
        return new ServerEndpointExporter();
    }
}

WebSocket 的 Server 处理类：

import org.springframework.stereotype.Component;

import javax.websocket.*;
import javax.websocket.Session;
import javax.websocket.server.PathParam;
import javax.websocket.server.ServerEndpoint;
import java.io.IOException;
import java.util.ArrayList;
import java.util.List;
import java.util.Map;
import java.util.concurrent.ConcurrentHashMap;

/**
 * @Author: Phil
 * @Description:
 * @Date:Create in 15:04 2020/2/24
 * @Modified By:
 */
@ServerEndpoint("/websocket/{pageCode}")
@Component
public class WebSocket {
    private static final String loggerName=WebSocket.class.getName();
    // concurrent包的线程安全Set，用来存放每个客户端对应的MyWebSocket对象。
    // 若要实现服务端与单一客户端通信的话，可以使用Map来存放，其中Key可以为用户标识
    public static Map<String, List<Session>> electricSocketMap = new ConcurrentHashMap<String, List<Session>>();

    /**
     * 连接建立成功调用的方法
     *
     * @param session 可选的参数。session为与某个客户端的连接会话，需要通过它来给客户端发送数据
     */
    @OnOpen
    public void onOpen(@PathParam("pageCode") String pageCode, Session session) {
        List<Session> sessions = electricSocketMap.get(pageCode);
        if(null==sessions){
            List<Session> sessionList = new ArrayList<>();
            sessionList.add(session);
            electricSocketMap.put(pageCode,sessionList);
        }else{
            sessions.add(session);
        }
    }

    /**
     * 连接关闭调用的方法
     */
    @OnClose
    public void onClose(@PathParam("pageCode") String pageCode,Session session) {
        if (electricSocketMap.containsKey(pageCode)){
            electricSocketMap.get(pageCode).remove(session);
        }
    }

    /**
     * 收到客户端消息后调用的方法
     *
     * @param message 客户端发送过来的消息
     * @param session 可选的参数
     */
    @OnMessage
    public void onMessage(String message, Session session) {
        System.out.println("websocket received message:"+message);
        try {
            session.getBasicRemote().sendText("这是推送测试数据！您刚发送的消息是："+message);
        } catch (IOException e) {
            e.printStackTrace();
        }
    }

    /**
     * 发生错误时调用
     *
     * @param session
     * @param error
     */
    @OnError
    public void onError(Session session, Throwable error) {
        System.out.println("发生错误");;
    }
}

静态测试页面 js 客户端，1.html：

<html>
<head>
    <meta charset="UTF-8"></meta>
    <title>springboot项目WebSocket测试demo</title>
</head>
<body>
<h3>springboot项目websocket测试demo</h3>
<h4>测试说明</h4>
<h5>文本框中数据数据，点击‘发送测试’，文本框中的数据会发送到后台websocket，后台接受到之后，会再推送数据到前端，展示在下方；点击关闭连接，可以关闭该websocket；可以跟踪代码，了解具体的流程；代码上有详细注解</h5>
<br />
<input id="text" type="text" />
<button onclick="send()">发送测试</button>
<hr />
<button onclick="clos()">关闭连接</button>
<hr />
<div id="message"></div>
<script>
    var websocket = null;
    if('WebSocket' in window){
        websocket = new WebSocket("ws://127.0.0.1:8180/websocket/1");
    }else{
        alert("您的浏览器不支持websocket");
    }
    websocket.onerror = function(){
        setMessageInHtml("send error！");
    }
    websocket.onopen = function(){
        setMessageInHtml("connection success！")
    }
    websocket.onmessage  = function(event){
        setMessageInHtml(event.data);
    }
    websocket.onclose = function(){
        setMessageInHtml("closed websocket!")
    }
    window.onbeforeunload = function(){
        clos();
    }
    function setMessageInHtml(message){
        document.getElementById('message').innerHTML += message;
    }
    function clos(){
        websocket.close(3000,"强制关闭");
    }
    function send(){
        var msg = document.getElementById('text').value;
        websocket.send(msg);
    }
</script>
</body>
</html>

后台代码客户端处理类：

import org.java_websocket.client.WebSocketClient;
import org.java_websocket.drafts.Draft_6455;
import org.java_websocket.handshake.ServerHandshake;
import org.springframework.context.annotation.Bean;
import org.springframework.stereotype.Component;

import java.net.URI;

@Component
public class WebSocketConfig {

    @Bean
    public WebSocketClient webSocketClient() {
        try {
            WebSocketClient webSocketClient = new WebSocketClient(new URI("ws://localhost:8180/websocket/test"),new Draft_6455()) {
                @Override
                public void onOpen(ServerHandshake handshakedata) {
                    System.out.println("[websocket] 连接成功");
                }

                @Override
                public void onMessage(String message) {
                    System.out.println("[websocket] 收到消息={"+message+"}");

                }

                @Override
                public void onClose(int code, String reason, boolean remote) {
                    System.out.println("[websocket] 退出连接");
                }

                @Override
                public void onError(Exception ex) {
                    System.out.println("[websocket] 连接错误={"+ex.getMessage()+"}");
                }
            };
            webSocketClient.connect();
            return webSocketClient;
        } catch (Exception e) {
            e.printStackTrace();
        }
        return null;
    }
}

客户端发送类：

import org.java_websocket.client.WebSocketClient;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Component;

@Component
public class ScoketClient {
    @Autowired
    private WebSocketClient webSocketClient;

    public void send(String message) {
        webSocketClient.send(message+"---6666");
    }
}
zengjyxxz
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
springboot下spring方式实现Websocket并设置session时间
奔跑的菜鸡
09-24 1494
springboot下spring方式实现Websocket并设置session时间
关于springBoot中集成websocket，多终端共享session解决方案
Dengrz的Blog
08-21 8167
知识点 WebSocket和Http： WebSocket是HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议，使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。 它是为了解决客户端发起多个http请求到服务器资源浏览器必须要经过长时间的轮训问题而生的，他实现了多路复用，他是全双工通信。在webSocket协议下客服端和浏览器可以同
Springboot配置websocket，https使用 WebSocket 连接
最新发布
zyf_smile的博客
06-12 1177
如果是部署到linux,使用ssl连接的情况下，这种配置又会失效，原因是在默认情况下，Websocket 的 ws 协议使用 80 端口，运行在TLS之上时，wss 协议默认使用 443 端口。支持双向通信，实时性更强，更好的二进制支持，更小的控制开销：协议包头较小。wss协议实际是websocket+ssl，是在websocket协议上加入ssl层，类似https(http+ssl),这个时候就需要检查配置的域名证书是否有效，如果证书确认没问题,还需要配置nginx。
springboot（十一）WebSocket实现前后端消息推送
南城老猫
03-26 6346
概述： WebSocket是一种在单个TCP连接上进行全双工通信的协议。WebSocket通信协议于2011年被IETF定为标准RFC 6455，并由RFC7936补充规范。WebSocketAPI也被W3C定为标准。 WebSocket使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在WebSocket API中，浏览器和服...
SpringBoot 集成WebSocket详解
Charge8的博客
05-30 3万+
SpringBoot 集成WebSocket详解
SpringBoot使用WebSocket
qq_43595018的博客
01-02 8215
1、WebSocket是一种在单个TCP连接上进行全双工通信的协议。2、WebSocket使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。3、在WebSocket API中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。示例：WebSocket是一种双向网络通信协议，与HTTP不同，它以ws://或wss://开头。
SpringBoot WebSocket使用
不忘初心的专栏
03-17 1万+
由于SpringBoot已经整合了WebSocket，使用起来非常方便。这篇博客的前提是已经搭建好SpringBoot项目，如果没有搭建好，请参考http://blog.csdn.net/u010889616/article/details/79561808这篇文章。项目结构如下：gradle添加依赖// https://mvnrepository.com/artifact/org.springf...
SpringBoot整合WebSocket的使用
YOUNGljx的博客
05-04 424
一个Java小白的学习之路 个人博客 youngljx.top SpringBoot自动化配置后使用WebSocket很方便，通过@MessageMapping 注解配置消息接口，通过@SendTo或者SimpMessageingTemplate进行消息转发，通过简单的配置就能实现点对点，点对面的消息发送。 消息群发 1.添加依赖： <dependency> ...
springboot+websocket分布式实现
11-17
综上所述，“springboot+websocket分布式实现”涉及到的主要技术包括WebSocket协议、SpringBoot的WebSocket支持、Redis消息队列以及Spring Session和Spring Cloud的分布式会话管理。通过这些技术的组合，可以构建出...
springboot+websocket进度条实战
11-11
在本项目中，"springboot+websocket进度条实战"是一个基于Spring Boot框架和WebSocket技术的实战应用，旨在展示如何在Web应用程序中实现一个实时的进度条功能。Spring Boot简化了Java Web开发，提供了快速构建独立...
springboot整合websocket
02-03
要使用 SpringBoot 整合 WebSocket，首先需要在 Maven 项目中添加依赖项。添加以下依赖项到 pom.xml 文件中： ```xml <groupId>org.springframework.boot <artifactId>spring-boot-starter-websocket ``` 配置...
springboot整合 websocket 简单使用
06-24
对于客户端，可以使用JavaScript的WebSocket API来创建连接、发送和接收消息。例如： ```javascript var socket = new WebSocket('ws://localhost:8080/ws'); socket.onopen = function(event) { console.log('...
SpringBoot2.0整合WebSocket代码实例
08-25
SpringBoot2.0整合WebSocket代码实例主要介绍了如何使用SpringBoot2.0框架整合WebSocket协议，实现实时通讯。WebSocket是一种在单个TCP连接上进行全双工通讯的协议，能够更好的节省服务器资源和带宽，并且能够更实时...
Springboot整合Websocket
qq_45443475的博客
10-21 7291
Springboot整合Websocket
springboot整合webSocket（看完即入门）
热门推荐
qq_48721706的博客
05-27 9万+
webSocket1、什么是webSocket？2、webSocket可以用来做什么?3、webSocket协议4、服务端WebSocket操作类5、客户端 1、什么是webSocket？ WebSocket是一种在单个TCP连接上进行全双工通信的协议。WebSocket使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在WebSocket API中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。 2、webSocket可以用来做什么
SpringBoot实现WebSocket
山不见我，我自见山
12-06 1万+
WebSocket是HTML5下一种新的协议（websocket协议本质上是一个基于tcp的协议） 它实现了浏览器与服务器全双工通信，能更好的节省服务器资源和带宽并达到实时通讯的目的。
SpringBoot 使用WebSocket详解
y393016244的博客
10-02 1万+
Spring boot 使用websocket
【SpringBoot系列】springboot websocket全套模板，省去搭建的烦恼，还有福利拿哦
我是香菜
04-28 1万+
springboot websocket全套模板，省去搭建的烦恼，还有福利拿哦
SpringBoot 集成 WebSocket
梦想是动物管理员
04-21 3162
SpringBoot 整合 websocket、websocket 的通信应用
springboot中使用websocket
08-23
- *1* *2* [Websocket 在Springboot中使用](https://blog.csdn.net/u011144425/article/details/79231212)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值