为什么要使用 stompjs
STOMP（Simple Text Oriented Messaging Protocol）是一种面向文本的简单消息协议。stompjs 是一个封装了 STOMP 协议的 JavaScript 库，可以在浏览器端和 Node.js 中使用。它简化了使用 STOMP 协议进行 WebSocket 通信的流程，优化了性能和稳定性，使得 WebSocket 开发更加便捷和高效。
如何使用 stompjs
安装 stompjs
可以通过 npm 包管理器安装 stompjs，运行以下命令：
npm install stompjs --save
使用 stompjs
使用 stompjs 前，需要先引入 Stomp 对象：
const Stomp = require('stompjs');创建 WebSocket 客户端
通过 Stomp.client(url, options) 方法创建一个 WebSocket 客户端。其中 url 为 WebSocket 连接地址，options 为一些常用配置选项：
const client = Stomp.client(url, options);
建立连接
通过 client.connect(headers, connectCallback, errorCallback) 方法建立 WebSocket 连接。其中 headers 为 WebSocket 请求头，connectCallback 为连接成功后的回调函数，errorCallback 为连接失败后的回调函数。
client.connect(headers, () => {
// 连接成功后的回调函数
}, error => {
// 连接失败后的回调函数
});订阅消息
通过 client.subscribe(destination, messageCallback, headers) 方法订阅消息。其中 destination 为需要订阅的消息目的地，messageCallback 为收到消息后的回调函数，headers 为请求头。
client.subscribe('/topic/message', message => {
// 收到消息后的回调函数
});发送消息
通过 client.send(destination, headers, body) 方法发送消息。其中 destination 为消息目的地，headers 为消息头，body 为消息体。
client.send('/topic/message', { priority: 9 }, 'Hello, world!');断开连接
通过 client.disconnect(disconnectCallback, headers) 方法断开连接。其中 disconnectCallback 为断开连接后的回调函数，headers 为请求头。
client.disconnect(() => {
// 断开连接后的回调函数
});示例代码
-- -------------------- ---- -------
----- --------- - --------------
----- ----- - -------------------
-- --------- ----
----- --- - -------------------------
-- --------- ---
----- ------- - -
------ ------------
--
-- ----- ----
----- ------- - -
---------- ----------
------ -----------
--
-- -- --------- ---
----- ------ - ----------------- ---------
-- ----
----------------------- -- -- -
---------------------- -------------
-- ----
---------------------------------- ------- -- -
--------------------- -------- ------------------
---
-- ----- -- -
------------------------ ------- ------- -----------
---
-- ----
----------------------------- - --------- - -- ------- ---------
-- ----
-------------------- -- -
---------------------- ----------------
---总结
使用 stompjs 封装的 STOMP 协议库，能够帮助我们简化 WebSocket 通信的开发过程，提高效率和稳定性。希望通过本文的介绍，能够对大家使用 stompjs 有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60925