WebSocket 双向通信

本文详细介绍了WebSocket技术,包括其在双向通信中的应用,轮询、长轮询和Server-SentEvents等消息推送方式,以及在Java中的客户端和服务端API实现示例。
摘要由CSDN通过智能技术生成

在这里插入图片描述

个人简介:Java领域新星创作者;阿里云技术博主、星级博主、专家博主;正在Java学习的路上摸爬滚打,记录学习的过程~
个人主页:.29.的博客
学习社区:进去逛一逛~

在这里插入图片描述


🚀消息推送

消息推送的常见方式

  • 轮询方式:
      1. 客户端发起轮询请求: 客户端定期(例如每隔一定时间)向服务器发送请求,询问是否有新的消息。这可以通过使用定时器或定时任务实现。
      2. 服务器响应: 服务器接收到客户端的轮询请求后,检查是否有新的消息或数据。如果有,服务器将相关信息作为响应返回给客户端;否则,服务器返回一个空响应或一个标识表示没有新消息。
      3. 客户端处理响应: 客户端收到服务器的响应后,解析响应数据。如果有新消息,则处理这些消息;如果响应为空或表示没有新消息,则继续等待下一次轮询。
      4. 重复过程: 客户端在一定的时间间隔内不断重复上述轮询过程,以确保及时获取到新消息。



  • 长轮询方式:
      1. 客户端发起请求: 客户端通过Ajax等方式向服务器发送一个长轮询请求。
      2. 服务器等待: 服务器收到请求后,检查是否有新消息。如果没有新消息,服务器不会立即响应,而是等待一段时间。
      3. 有新消息时响应: 如果在等待期间有新消息到达,服务器会立即将消息作为响应发送给客户端。
      4. 客户端处理响应: 客户端收到响应后,处理消息,并立即发起下一个长轮询请求。
      5. 重复过程: 上述步骤反复进行,形成一个长轮询的循环。



  • SEE(server-sent event)方式:服务器发送事件,是一种在客户端和服务器之间实现单向实时通信的技术。
    • SEE在服务器与客户端之间打开了一个单向通道;
    • 服务器响应不再是一次性的数据包,而是Content-Type: text/event-stream类型的数据流消息;
    • 当服务器有数据变更时,将数据 流式地传输到客户端;



  • WebSocket方式: WebSocket是一种全双工通信协议,适用于实时双向通信。
      1. 建立WebSocket连接: 客户端通过创建一个 WebSocket 对象来与服务器建立连接,使用 WebSocket 的 URL(例如 ws://example.com/socket)来指定连接的目标。
      2. 监听WebSocket事件: 客户端可以监听多种事件,例如 openmessagecloseerror。其中,open 事件表示连接已经建立,message 事件用于接收服务器发送的消息。
      3. 服务器发送消息: 服务器端通过 WebSocket 连接向客户端发送消息,在服务器用WebSocket对象的 send 方法实现。
      4. 客户端发送消息(可选): 客户端也可通过 WebSocket 连接向服务器发消息。
      5. 关闭WebSocket连接: 当通信结束时,可以通过调用 WebSocket 对象的 close 方法来关闭连接。



🚀WebSocket API


⚪客户端 API

在浏览器中,JavaScript提供了WebSocket API,它使开发人员能够创建WebSocket连接、发送和接收消息。基本的WebSocket客户端API包括以下几个主要接口和方法:

  • WebSocket: 这是WebSocket的主要接口,用于创建WebSocket实例。
  • onopen: 当连接建立时触发的事件处理程序。
  • onmessage: 当接收到消息时触发的事件处理程序。
  • send(data): 用于将数据发送到服务器。
  • onclose: 当连接关闭时触发的事件处理程序。
  • onerror: 当发生错误时触发的事件处理程序。

JS代码示例

let socket = new WebSocket('ws://localhost/websocket');

socket.onopen = function(event) {
  console.log('WebSocket connection opened:', event);
  socket.send('Hello, server!');
};

socket.onmessage = function(event) {
  console.log('Message from server:', event.data);
};

socket.onclose = function(event) {
  console.log('WebSocket connection closed:', event);
};

socket.onerror = function(event) {
  console.error('WebSocket error:', event);
};



⚪服务端 API

Tomcat的7.0.5版本开始支持WebSocket,并且实现了Java WebSocket规范。

Java WebSocket 应用由一系列的Endpoint组成。Endpoint是一个java对象,代表WebSocket链接的一端,对于服务端,我
们可以视为处理具体WebSocket消息的接口。

我们可以通过两种方式定义Endpoint:

  • 第一种是编程式 ,即继承类javax.websocket.Endpoint并实现其方法
  • 第二种是注解式 ,即定义一个POJO,并添加@ServerEndpoint相关注解

Endpoint实例在WebSocket握手时创建,并在客户端与服务端链接过程中有效,最后在链接关闭时结束。在Endpoint接口中明
确定义了与其生命周期相关的方法 ,规范实现者确保生命周期的各个阶段调用实例的相关方法。生命周期方法如下:

在这里插入图片描述

在这里插入图片描述



  • 在Java中,使用javax.websocket创建WebSocket服务器的基本示例:
import javax.websocket.*;
import javax.websocket.server.ServerEndpoint;
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/3b8b4d905ddb42a48406a7269b1f48d6.png)

@ServerEndpoint("/websocket")
@Component
public class MyWebSocketServer {

    @OnOpen
    public void onOpen(Session session) {
        System.out.println("WebSocket connection opened: " + session.getId());
    }

    @OnMessage
    public void onMessage(String message, Session session) {
        System.out.println("Message from client: " + message);
        session.getAsyncRemote().sendText("Hello, client!");
    }

    @OnClose
    public void onClose(Session session) {
        System.out.println("WebSocket connection closed: " + session.getId());
    }
}




在这里插入图片描述

  • 31
    点赞
  • 33
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 15
    评论
WebSocket是一种在客户端和服务之间实现双向通信网络协议。它通过在客户端和服务之间建立持久连接,允许双方实时地发送消息和数据。 与传统的HTTP协议相比,WebSocket协议具有以下特点: 1. 双向通信WebSocket允许客户端和服务之间进行实时的双向通信,而不需要客户端发起请求,服务器返回响应的模式。 2. 低延迟:WebSocket建立的连接是持久的,可以在连接保持的时间内随时发送消息,减少了每次请求的开销,从而降低了通信的延迟。 3. 较小的数据传输量:由于WebSocket建立的连接是持久的,只需要在连接建立时进行一次握手,之后的通信只需要发送少量的控制数据和实际的数据,减少了额外的数据传输量。 4. 跨域支持:WebSocket支持跨域通信,可以在不同域名或端口之间进行通信。 5. 适应性强:WebSocket协议可以与HTTP协议共享同一端口,可以通过HTTP代理或反向代理进行部署。 在使用WebSocket进行双向通信时,客户端和服务器需要通过WebSocket API进行交互。客户端可以使用JavaScript中的WebSocket对象进行连接和消息发送,而服务器端需要实现WebSocket协议的处理逻辑来接收和处理客户端发送的消息。 总的来说,WebSocket提供了一种高效、实时的双向通信方式,适用于需要实时数据传输和实时交互的应用场景,如实时聊天、实时数据监控等。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

.29.

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值