08-websocket实现通信

WebFlux 该模块中包含了对响应式 HTTP、服务器推送事件和 WebSocket 的客户端和服务器端的支持。这里我们简单实践下 WebFlux 中 WebSocket 实现通信。



什么是 WebSocket

WebSocket 是一种通信协议,类比下 HTTP 协议,HTTP 协议只能有客户端发起请求,然后得到响应。 一般通过 HTTP 的轮询方式,实现 WebSocket 类似功能。

因为轮询,每次新建连接,请求响应,浪费资源。WebSocket 就出现了,它支持客户端和服务端双向通讯。类似 http 和 https,WebSocket 的标识符为 ws 和 wss。


下面开始创建项目:

08-websocket实现通信_第1张图片
08-websocket实现通信_第2张图片

目录核心如下:

1    EchoHandler websocket 处理类(类似 HTTP Servlet 处理)

2    WebSocketConfiguration websocket 配置类

3    websocket-client.html HTML 客户端实现

4    WsClient java 客户端实现



EchoHandler 处理类

代码如下:

08-websocket实现通信_第3张图片

代码详解:

WebSocketHandler 接口,实现该接口来处理 WebSokcet 消息。

handle(WebSocketSession session) 方法,接收 WebSocketSession 对象,即获取客户端信息、发送消息和接收消息的操作对象。

receive() 方法,接收消息,使用 map 操作获取的 Flux 中包含的消息持续处理,并拼接出返回消息 Flux 对象。

send() 方法,发送消息。消息为“服务端返回:小明, -> ”开头的。



WebSocketConfiguration 配置类

代码如下:

08-websocket实现通信_第4张图片

代码详解:

WebSocketHandlerAdapter 负责将 EchoHandler 处理类适配到 WebFlux 容器中;

SimpleUrlHandlerMapping 指定了 WebSocket 的路由配置;

使用 map 指定 WebSocket 协议的路由,路由为 ws://localhost:8008/echo。


运行工程

一个  Spring Boot WebFlux 工程就开发完毕了,下面运行工程验证下。在 IDEA 中执行 Application 类启动,任意正常模式或者 Debug 模式,可以在控制台看到成功运行的输出:

08-websocket实现通信_第5张图片

打开 https://www.websocket.org/echo.html网页,大多数浏览器是支持 WebSokcet 协议的。

Location - 输入通信地址、点击 Conect 会出现 CONNECTED。

08-websocket实现通信_第6张图片


接下来发送消息,可以看到服务端返回对应的消息:

08-websocket实现通信_第7张图片

如果此时关闭了服务端,那么会出现 DISCONNECTED:

08-websocket实现通信_第8张图片



websocket-client.html HTML 客户端实现

实现 HTML 客户端:

08-websocket实现通信_第9张图片

大多数浏览器是支持 WebSocket,代码详解如下:

网页打开是,会调用 onopen 方法,并发送消息给服务端“你好!”;

如果服务端关闭,会调用 onclose 方法,页面会出现“聊天会话关闭!”信息。

将页面当成普通的html文件打开,然后启动停止项目,打开浏览器的控制台,可以看到运行效果。



WSClient Java 客户端实现

类似,HTTPClient 调用 HTTP,WebSocket 客户端去调用 WebSokcet 协议,并实现服务。代码如下:

08-websocket实现通信_第10张图片

代码详解:

ReactorNettyWebSocketClient 是 WebFlux 默认 Reactor Netty 库提供的 WebSocketClient 实现。

execute 方法,与 ws://localhost:8080/echo 建立 WebSokcet 协议连接。

execute 需要传入 WebSocketHandler 的对象,用来处理消息,这里的实现和前面的 EchoHandler 类似。

通过 WebSocketSession 的 send 方法来发送字符串“你好”到服务器端,然后通过 receive 方法来等待服务器端的响应并输出。

代码运行如下:

08-websocket实现通信_第11张图片


总结

这一篇内容主要一起实践了简单的 WebSocket 的应用操作,以及 WebSocket 客户端小例子。



我们的交流基地,“JAVA互联网技术交流:789650498”欢迎小伙伴们一起来交流:

08-websocket实现通信_第12张图片



原文:https://gitbook.cn/gitchat/column/5acda6f6d7966c5ae1086f2b/topic/5acdaa79d7966c5ae1087094



代码:https://gitee.com/blueses/springboot-webflux

你可能感兴趣的:(08-websocket实现通信)