二十六、WebSocket

26.1 介绍

WebSocket是基于TCP的一种新的网络协议。它实现了浏览器与服务器全双工通信,浏览器和服务器只需要完成一次握手,两者之间就可以创建持久性的连接,并进行双向数据传输。

HHTP协议和WebSocket协议对比:

HTTP是短连接WebSocket是长连接HTTP通信是单向的,基于请求响应模式WebSocket支持双向通信HTTP和WebSocket底层都是TCP连接

**思考:**既然WebSocket支持双向通信,功能看似比HTTP强大,那么我们是不死可以基于WebSocket开发所有的业务功能?

WebSocket缺点:

服务器长期维护长连接需要一定的成本

各个浏览器支持程度不一样

WebSocket是长连接,受网络限制比较大,需要处理好重连

结论:WebSocket并不能完全取代HTTP,它只适合在特定的场景下使用

WebSocket应用场景:

1). 视频弹幕

2). 网页聊天

3). 体育实况更新

4). 股票基金报价实时更新

26.2 入门案例

26.2.1 案例分析

需求:实现浏览器与服务器的全双工通信。浏览器既可以向服务器发送消息,服务器也可主动向浏览器推送消息。

效果展示:

实现步骤:

直接使用websocket.html页面作为WebSocket客户端导入WebSocket的maven坐标导入WebSocket服务端组件的WebSocketServer,用于和客户端通信导入配置类WebSocketConfiguration,注册WebSocket的服务端组件导入定时任务类WebSocketTask,定时向客户端推送数据

26.2.2 代码开发

1). 定义websocket.html页面(资料中已提供)

WebSocket Demo

2). 导入maven坐标

在sky-server模块pom.xml中已定义

org.springframework.boot

spring-boot-starter-websocket

3). 定义WebSocket服务端组件(资料中已提供)

直接导入到sky-server模块即可

package com.sky.websocket;

import org.springframework.stereotype.Component;

import javax.websocket.OnClose;

import javax.websocket.OnMessage;

import javax.websocket.OnOpen;

import javax.websocket.Session;

import javax.websocket.server.PathParam;

import javax.websocket.server.ServerEndpoint;

import java.util.Collection;

import java.util.HashMap;

import java.util.Map;

/**

* WebSocket服务

*/

@Component

@ServerEndpoint("/ws/{sid}")

public class WebSocketServer {

//存放会话对象

private static Map sessionMap = new HashMap();

/**

* 连接建立成功调用的方法

*/

@OnOpen

public void onOpen(Session session, @PathParam("sid") String sid) {

System.out.println("客户端:" + sid + "建立连接");

sessionMap.put(sid, session);

}

/**

* 收到客户端消息后调用的方法

*

* @param message 客户端发送过来的消息

*/

@OnMessage

public void onMessage(String message, @PathParam("sid") String sid) {

System.out.println("收到来自客户端:" + sid + "的信息:" + message);

}

/**

* 连接关闭调用的方法

*

* @param sid

*/

@OnClose

public void onClose(@PathParam("sid") String sid) {

System.out.println("连接断开:" + sid);

sessionMap.remove(sid);

}

/**

* 群发

*

* @param message

*/

public void sendToAllClient(String message) {

Collection sessions = sessionMap.values();

for (Session session : sessions) {

try {

//服务器向客户端发送消息

session.getBasicRemote().sendText(message);

} catch (Exception e) {

e.printStackTrace();

}

}

}

}

4). 定义配置类,注册WebSocket的服务端组件(从资料中直接导入即可)

package com.sky.config;

import org.springframework.context.annotation.Bean;

import org.springframework.context.annotation.Configuration;

import org.springframework.web.socket.server.standard.ServerEndpointExporter;

/**

* WebSocket配置类,用于注册WebSocket的Bean

*/

@Configuration

public class WebSocketConfiguration {

@Bean

public ServerEndpointExporter serverEndpointExporter() {

return new ServerEndpointExporter();

}

}

5). 定义定时任务类,定时向客户端推送数据(从资料中直接导入即可)

package com.sky.task;

import com.sky.websocket.WebSocketServer;

import org.springframework.beans.factory.annotation.Autowired;

import org.springframework.scheduling.annotation.Scheduled;

import org.springframework.stereotype.Component;

import java.time.LocalDateTime;

import java.time.format.DateTimeFormatter;

@Component

public class WebSocketTask {

@Autowired

private WebSocketServer webSocketServer;

/**

* 通过WebSocket每隔5秒向客户端发送消息

*/

@Scheduled(cron = "0/5 * * * * ?")

public void sendMessageToClient() {

webSocketServer.sendToAllClient("这是来自服务端的消息:" + DateTimeFormatter.ofPattern("HH:mm:ss").format(LocalDateTime.now()));

}

}

好文阅读

评论可见,请评论后查看内容,谢谢!!!
 您阅读本篇文章共花了: