在前端使用stomp

STOMP（Simple Messaging Protocol）是一种简单、轻量级的消息协议，常用于构建实时应用程序，尤其是在WebSocket不支持的情况下。在前端使用STOMP，通常配合如SockJS这样的库来实现在浏览器与服务器之间的长轮询通信。

以下是前端使用STOMP的一般步骤：

1. **包含依赖**：在HTML文件中通过`<script>`标签引入Stomp.js库和WebSocket实现库（例如sockjs-client）。

<script src="https://cdn.jsdelivr.net/npm/stomp-websocket@2.3.3/dist/stomp.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sockjs-client@1.5.0/dist/sockjs.min.js"></script>

2. **初始化连接**：创建WebSocket连接并配置STOMP连接，通常会有一个URL指向STOMP服务器。

const socket = new SockJS('/your/websocket/url');
const stompClient = Stomp.over(socket);

3. **连接到STOMP**：调用`stompClient.connect()`方法并传递认证信息（如果需要）。

stompClient.connect({}, function(frame) {
    // 连接成功，可以开始发送和接收消息了
});

4. **发布和订阅消息**：使用`stompClient.send()`发送消息（publish），`stompClient.subscribe()`监听指定主题（topic或queue）接收消息。

// 发送消息
stompClient.send('/app/messages', {}, JSON.stringify({ message: 'Hello from client' }));

// 订阅消息
stompClient.subscribe('/topic/messages', function(message) {
    console.log('Received message:', message.body);
});