简单的Websocket程序示例（Spring Boot）

最新推荐文章于 2024-03-04 15:04:55 发布
最新推荐文章于 2024-03-04 15:04:55 发布
阅读量356 收藏
点赞数 1
分类专栏： Spring Boot 文章标签： spring boot websocket
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/look4liming/article/details/87269185
版权

该示例的工程代码我已经上传到CSDN资源网站，下载地址是：
https://download.csdn.net/download/look4liming/10957504

1、首先建一个空的Spring Boot项目
2、在pom.xml中添加如下依赖：

<dependency>
	<groupId>org.springframework.boot</groupId>
	<artifactId>spring-boot-starter-web</artifactId>
</dependency>
<dependency>
	<groupId>org.springframework.boot</groupId>
	<artifactId>spring-boot-starter-websocket</artifactId>
</dependency>
<dependency>
	<groupId>org.springframework.boot</groupId>
	<artifactId>spring-boot-starter-tomcat</artifactId>
	<scope>provided</scope>
</dependency>
<dependency>
	<groupId>org.springframework.boot</groupId>
	<artifactId>spring-boot-starter-test</artifactId>
	<scope>test</scope>
</dependency>

3、新增一个Configuration类
注意，这个类必须有，否则Websocket服务类的注解配置无法生效。

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

/**
 * 必须有此类，否则Websocket配置不生效（原因尚未查清）。
 * @author Bright Lee
 */
@Configuration
public class WebSocketConfig {

    @Bean
    public ServerEndpointExporter serverEndpointExporter() {
        return new ServerEndpointExporter();
    }
    
}

4、新增Websocket服务类

import java.io.IOException;

import javax.websocket.OnClose;
import javax.websocket.OnError;
import javax.websocket.OnMessage;
import javax.websocket.OnOpen;
import javax.websocket.Session;
import javax.websocket.server.ServerEndpoint;

import org.springframework.stereotype.Component;

@ServerEndpoint(value = "/websocket")
@Component
public class WebSocketServer {

	private Session session;

	@OnOpen
	public void onOpen(Session session) {
		this.session = session;
		try {
			sendMessage("连接成功！！！");
		} catch (IOException e) {
			e.printStackTrace();
		}
	}

	@OnClose
	public void onClose() {
	}

	@OnMessage
	public void onMessage(String message, Session session) {
		try {
			sendMessage("您发送的消息是--->" + message);
		} catch (IOException e) {
			e.printStackTrace();
		}
	}

	@OnError
	public void onError(Session session, Throwable error) {
		error.printStackTrace();
	}

	public void sendMessage(String message) throws IOException {
		session.getBasicRemote().sendText(message);
	}

}

5、新增index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Websocket客户端</title>
<script>
	var websocket = null;
	var content = null;
	
	function init() {
		content = document.getElementById("content");
	}

	function printToScreen(message) {
		var pElement = document.createElement("p");
		pElement.innerHTML = message;
		content.appendChild(pElement);
	}
	
	function connect() {
		if (websocket != null) {
			return;
		}
		
		var url = "ws://127.0.0.1:8080/websocket";
		printToScreen("开始连接：" + url);
		websocket = new WebSocket(url);
		
		websocket.onopen = function(event) {
			printToScreen("连接成功！");
		}

		websocket.onmessage = function(event) {
			printToScreen("收到消息：" + event.data);
		}

		websocket.onerror = function(event) {
			printToScreen("出现错误：" + event.data);
			closeWebsocket();
		}
	}

	function sendMessage() {
		if (websocket == null) {
			return;
		}
		websocket.send(messageInput.value);
		printToScreen("发送消息：" + messageInput.value);
	}
	
	function closeWebsocket() {
		if (websocket == null) {
			return;
		}
		websocket.close();
		websocket = null;
		printToScreen("已关闭！");
	}
</script>
</head>
<body "init();">
	<div style="text-align: left;">
		<form action="">
			<input type="text" id="messageInput" value="你好！！！">
			<input type="button" onclick="connect();" value="连接">
			<input type="button" onclick="sendMessage();" value="发送">
			<input type="button" onclick="closeWebsocket();" value="关闭">
			<br />
		</form>
	</div>
	<div id="content"></div>
</body>
</html>

6、启动Spring Boot项目，访问index.html
在浏览器中输入：http://127.0.0.1:8080/index.html
在这里插入图片描述

look4liming
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Websocket简单示例（Spring Boot）
02-14
这是一个简单的Websocket示例工程（Spring Boot工程），演示了简单的Websocket使用方法。
SpringBoot——SpringBoot集成WebSocket实现简单的多人聊天室
胜天半子祁同伟
06-20 9328
SpringBoot——SpringBoot集成WebSocket实现简单的多人聊天室
Spring环境下WebSocket简单实现
™red scarf的博客
08-12 199
1.WebSocket简介 WebSocket是HTML5提供的一种全双工通信的协议，通常是浏览器（或其他客户端）与Web服务器之间的通信。这使得它适合于高度交互的Web应用程序，如及时通讯聊天等。 WebSocket协议是基于TCP的一种新的网络协议。它实现了浏览器与服务器全双工(full-duplex)通信——可以通俗的解释为服务器主动发送信息给客户端。 WebSocket首次在H...
在 Spring Boot 中整合、使用 WebSocket
最新发布
Go_ahead_forever的博客
03-04 2358
WebSocket 是一种基于 TCP 协议的全双工通信协议，它允许客户端和服务器之间建立持久的、双向的通信连接。相比传统的 HTTP 请求 - 响应模式，WebSocket 提供了实时、低延迟的数据传输能力。通过 WebSocket，客户端和服务器可以在任意时间点互相发送消息，实现实时更新和即时通信的功能。WebSocket 协议经过了多个浏览器和服务器的支持，成为了现代 Web 应用中常用的通信协议之一。
SpringBoot 整合WebSocket 简单实战案例
热门推荐
默默不代表沉默
06-24 5万+
先看项目目录结构： ------接下来，我们开始整合WebSocket------ 先是pom.xml添加依赖： <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-websocket&lt...
WebSocket基础使用示例
没刮胡子的程序员专栏
07-11 1415
WebSocket是一种在单个TCP连接上进行全双工通信的协议。WebSocket通信协议于2011年被IETF定为标准RFC 6455，并由RFC7936补充规范。WebSocket API也被W3C定为标准。 WebSocket使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在WebSocket API中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。 现在，很多网站为了实现推送技术，所用的技术都是轮询。轮询是在特定的的时间间隔
springboot websocket示例
feinifi的博客
08-19 928
springboot项目如果要加入websocket，只需要在普通的依赖基础上，加上spring-boot-starter-websocket即可。 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-websocket</artifactId> </dependency>...
Springboot实现WebSocket系列：从一个简单的例子入门
蓝天白云梦的csdn博客
04-16 9657
简介 本文介绍使用Springboot简单实现Websocket的完整流程。由于是入门教程，所以以一个简单的案例呈现，包括了服务端和客户端的实现，这里服务端使用Springboot搭建，而客户端使用Java来实现。 什么是Websocket 在开始之前，先简单介绍一下Websocket的相关知识。Websocket是应用层协议，传输层使用了TCP协议来实现。Websocket与HTTP协议的不同之处在于，Websocket是全双工的，支持服务器与客户端的双向通信，而HTTP协议只能由客户端向服务端发起请求来
spring-boot-websocket-client代码示例
08-03
spring-boot-websocket-client 代码示例
WebSocketDemo：在Spring Boot中使用WebSocket，示例包括简单模式，STOMP模式消息，处理对方不在线情况，分散WebSocket等
01-29
在Spring Boot中使用WebSocket的Demo项目，这个示例包括简单模式，STOMP模式消息，处理对方不在线情况，分布式WebSocket等。 技术依赖 Spring Boot ：项目基础架构 thymeleaf ：用于thymeleaf测试页面模板 MyBatis ...
spring boot控制台示例程序源码
03-28
1. 使用spring boot编写控制台程序，运行时采用java -jar app.jar方式运行。 2. 不需要依赖web相关组件。 3. 适合实现简单的业务逻辑处理的应用； 4. 程序输出通过控制台进行查看或者写入文件；
WebSocket示例：带有Android客户端和浏览器客户端的Spring Boot WebSocket服务器
01-31
Spring Boot WebSocket和Android客户端Spring Boot WebSocket服务器，具有浏览器客户端和简单的Android客户端。 Android客户端使用来在Android上实现协议 ，以向服务器订阅或发送消息。介绍服务器现在包括三个端点以...
Spring Boot下websocket简单示例
这个需求，做不了
02-09 1868
前言 本文基于Spring对websocket的集成来实现websocket的简单入门。本文以及后续文章相关技术如下 sockjs webstomp-client Spring官网的websocket文档 Spring Boot等 引入websocket依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactId&gt
WebSocket协议详解及代码示例
学亮编程手记
05-30 624
WebSocket是一种在Web浏览器和服务器之间进行全双工通信的协议，它提供了一种实时交互的方式，允许服务器主动向客户端推送数据，而不需要客户端不断地发送请求。以下是WebSocket的一些重要特点和详解：建立握手：WebSocket协议通过HTTP进行初始握手，使用标准的HTTP请求和响应头部。客户端发送一个特殊的HTTP请求，包含Upgrade头部字段为"websocket"，服务器收到请求后返回一个特殊的HTTP响应，表明连接已升级为WebSocket。
教你怎么使用Java实现WebSocket
weixin_45336946的博客
03-16 1万+
客户端向服务端发送WebSocketKey，服务器根据WebSocketKey生成WebSocketAccept返回给客户端，客户端对WebSocketKey的值再进行相同的操作，如果与服务器返回的Accept的值相匹配，就表示握手成功。客户端通常连接到一台服务器，服务器接受多个客户端的连接。从上面的请求和响应中可以看出来，一个WebSocket连接的建立，需要客户端和服务端维护一个Key来作为该连接的连接凭证。如果要存储所有连接的客户端共有的信息，可以使用静态变量，但是需要用户保证对数据的线程安全访问。
用java编写一个websocket端口转发工具
qq_21327945的博客
09-26 2930
java写的websocket端口映射程序
websocket-示例
weixin_33709609的博客
02-19 518
WebSocket protocol 是HTML5一种新的协议(protocol)。它是实现了浏览器与服务器全双工通信(full-duplex)。 WebSocket 协议本质上是一个基于 TCP 的协议。 同http协议使用http://开头一样，WebSocket协议的URL使用ws://开头，另外安全的WebSocket协议使用wss://开头。 首先申请一个 websocket的构造方法构...
Websocket协议解析与QT代码示例
qq_39304481的博客
07-28 2352
websocket 协议解析 wireshark抓包分析 QML C/S代码演示
WebSocket简介和实例
六狗回来的博客
10-22 4638
1. WebSocket是什么？ websocket是一种网络协议，其于2011年成为了国际标准（rfc6455）。 websocket解决了HTTP只能单向通信的问题。 比如我们需要服务器能定时向客户端传输一份数据，因为HTTP协议做不到服务器主动向客户端推送消息，所以需要client定时到服务器轮询，服务器收到请求后，将客户端需要的数据返回给客户端。这样轮询效率是低下的，并且浪费了资源。 websocket可以解决这样的问题，服务器可以主动向客户端推送消息，客户端也可以向服务器发送消息，实现了全
Spring Boot和WebSocket的详细说明和示例代码，
07-12
要了解关于 Spring Boot 和 WebSocket 的详细说明和示例代码，您可以参考以下资源： 1. 官方文档：Spring 官方文档提供了关于 Spring Boot 和 WebSocket 的详细说明和示例代码。您可以访问 Spring 官方网站并查找 ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值