如何使WebSocket通信到APU与UI？- Sock JS、STOMP异步通信沿着SOCK JS的HTTP升级使用

沿着SOCK JS的HTTP升级

使用STOMP客户端的Apache Kafka PUSH范式在行动

STOMP客户端、SOCK JS和WebSocket架构

范围

这篇文章是为了帮助初学者和中级人士了解WebSocket双向的和全双工 通信到 API(应用程序接口）和 UI(用户界面）的通信，并附有代码示例。
对以下概念进行了解释。
a.WebSocket, HTTP升级
b.Sock JS, JavaScript
libraryc.STOMP客户端（Simple Text-Oriented Messaging Protocol）
d.Kafka异步PUSH范式

先决条件

a. kafka_2.13-2.8.
0b.Offset Explorer 2.0（Kafka工具）
c.Spring boot

什么是WebSocket？与HTTP相比，我们看到了哪些优势？

HTTP 编码是同步的，并且是基于拉动范例。在PULL范式中，客户必须发起请求，并轮询服务器以接收新数据，这是半双工和单向的**。
一种新的TCP(传输控制协议)** 每次建立连接时，都需要一个新的TCP传输控制协议。

WebSocket 是全双工和双向的。这意味着客户端或服务器可以发起一个请求，通信可以在浏览器和服务器之间的持续连接中平行流动，直到其中任何一方断开并关闭连接。
与http相反，websocket支持异步通信，允许服务器基于PUSH范式发起请求。服务器可以发起请求并向客户推送实时信息。
最初的http连接被 升级为websocket，并用于单个 TCP会话_中的_所有未来通信_。与 http相比，websocket的数据交换规模要小得多**。
**HTTP每次发出请求时都会携带开销，并将头文件和cookies传输到服务器，这增加了_延时。 websocket提供了一个持久的低延迟连接。

这篇文章是如何组织的？它分享了哪些组件和产品来解释？

让我们了解一下设计：-
一个简单的浏览器客户端将通过Sock JS（一个JavaScript库）建立websocket连接。浏览器发起的请求将升级到websocket，以提供一个持久的、全双工的、双向的连接。Sock JS客户端将尝试使用最佳的可用传输方式进行连接，即[websocket、xhr轮询、xhr流]。
STOMP（Simple Text-Oriented Messaging Protocol）在websocket协议的基础上发挥作用，向服务器发起请求，同时订阅一个内存中的消息代理。在这个设计中，数据由Kafka Listener从Kafka Topic接收并异步发送到内存中的消息代理。由于STOMP客户端已经订阅了内存消息代理，它将收到数据并显示在客户端。
来自客户端的数据传输和来自服务器的数据接收是异步进行的。