Websocket的多客户端通信Demo

公司在做平台搭建,需要一个websocket的基础应用,由于websocket的实际业务场景多且复杂,所以并没有真的抽象出来一个底层的demo,只是做了一个比较基础的案例,适合初学者参考,并且标记了一些坑,是很多网上案例的bug。亲测成功的,希望对大家有帮助啦!

环境配置

1.首先介绍一下我的环境配置:windows7,jdk1.8,tomcat8.0.3,maven3.6,编辑器Idea
2.我用的框架是springboot2.0,所以对于websocket支持直接添加maven依赖:

		<dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-websocket</artifactId>
        </dependency>
        <dependency>
            <groupId>org.java-websocket</groupId>
            <artifactId>Java-WebSocket</artifactId>
            <version>1.3.0</version>
        </dependency>
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-websocket</artifactId>
            <version>5.1.7.RELEASE</version>
        </dependency>

3.由于tomcat8是自带websocket包,所以我们只能引入一种,否则会jar包冲突

核心代码

1.websocket配置类,启动websocket服务,注解千万别丢了,否则就是无效的

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

2.服务类,因为websocket采用的是ws协议,所以实现类就相当于我们的controller层,这里需要用到两个注解,分别是:@ServerEndpoint和@Component。

@ServerEndpoint("/ws/{sid}") 
@Component
public class SocketServer {
    private static int onlineCount = 0;
    private static Map<Strin
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: WebSocket 是一种在单个 TCP 连接上进行全双工通信通信协议。它是为了解决 Web 应用程序中实时通信的需求而设计的。WebSocket 使得客户端和服务器之间的实时数据交换变得更加容易和快捷。 下面是一个简单的 WebSocket 客户端 demo: ```javascript // 创建 WebSocket 连接 const socket = new WebSocket('ws://localhost:8000'); // 连接成功时触发 socket.addEventListener('open', event => { console.log('WebSocket 连接已建立'); // 发送消息 socket.send('Hello, WebSocket!'); }); // 接收到消息时触发 socket.addEventListener('message', event => { console.log('收到消息:', event.data); }); // 连接关闭时触发 socket.addEventListener('close', event => { console.log('WebSocket 连接已关闭'); }); // 连接出错时触发 socket.addEventListener('error', event => { console.error('WebSocket 连接出错:', event); }); ``` 首先,在客户端使用 WebSocket 构造函数创建连接,指定要连接的服务器地址和端口。 然后,在连接成功时,通过 addEventListener 监听 open 事件,触发回调函数,表示连接建立成功。 接着,在收到消息时,监听 message 事件,触发回调函数,处理接收到的消息数据。 当连接关闭或出错时,分别监听 close 和 error 事件,触发回调函数,处理连接关闭或出错的情况。 最后,通过 send 方法发送消息到服务器。 以上就是一个简单的 WebSocket 客户端 demo。可以尝试在浏览器控制台中运行这段代码,开启一个 WebSocket 连接,向服务器发送消息并接收服务器返回的消息。 ### 回答2: WebSocket是一种支持双向通信的网络协议,在应用程序中被广泛使用。本文将介绍WebSocket客户端的编写,使用JavaScript编写一个简单的WebSocket客户端示例。 WebSocket客户端程序的主要步骤如下: 1. 创建一个WebSocket对象,并指定连接的URL地址; 2. 添加WebSocket事件处理程序,包括onopen、onmessage、onerror和onclose事件; 3. 使用WebSocket对象的send方法来发送数据; 4. 使用WebSocket对象的close方法结束连接。 下面是一个简单的WebSocket客户端示例: ```javascript var ws = new WebSocket('ws://localhost:8080'); ws.onopen = function() { console.log('WebSocket连接已打开!'); }; ws.onmessage = function(event) { console.log('收到消息: ' + event.data); }; ws.onerror = function(event) { console.log('WebSocket发生错误!'); }; ws.onclose = function(event) { console.log('WebSocket连接已关闭!'); }; ws.send('Hello, WebSocket!'); ws.close(); ``` 在本示例中,我们创建一个WebSocket对象连接到本地主机的8080端口,然后添加了四个事件处理程序,分别处理连接打开、接收消息、发生错误和连接关闭事件。在连接打开后,我们使用WebSocket对象的send方法发送了一个简单的消息,最后使用close方法关闭了连接。 总之,WebSocket客户端是非常简单的。我们只需要创建WebSocket对象并设置事件处理程序即可。从这个简单的示例中,我们可以很容易地理解WebSocket客户端的工作原理。 ### 回答3: WebSocket是一种新的协议,它可以在客户端和服务器之间建立实时通信连接。相比传统的HTTP协议,WebSocket协议具有更快的速度和更低的延迟。在WebSocket客户端Demo中,我们可以了解如何使用JavaScript编写WebSocket客户端代码,并与WebSocket服务器进行通信。 首先,我们需要在HTML文件中引入WebSocket库。可以使用标准的HTML <script>标签引入该库。然后,我们需要创建一个WebSocket对象。可以使用浏览器原生的WebSocket对象,使用WebSocket API的构造函数创建WebSocket对象。 当WebSocket对象创建完成后,我们需要建立WebSocket连接。可以使用WebSocket对象的open事件来建立连接。一旦建立了WebSocket连接,客户端就可以向服务器发送消息,并接收来自服务器的反馈。 在WebSocket连接建立之后,我们可以使用WebSocket对象的send方法向服务器发送消息。服务器接收到消息后,可以使用WebSocket对象的send方法将消息返回给客户端。 在WebSocket客户端Demo中,我们可以学习到WebSocket客户端的基本使用方法,包括创建WebSocket对象、建立连接、发送和接收消息。WebSocket客户端的使用可以大大提高网站的实时交互体验,使用户能够更好地与网站进行交互。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值