npm 包 stomp-websocket-js 使用教程
什么是 stomp-websocket-js？
stomp-websocket-js 是一个 JavaScript 库，用于与 STOMP 服务器通信。这个库封装了 WebSocket API，让我们可以使用 STOMP 协议连接到服务器。STOMP 是一个简单文本协议，用于互联网消息队列的传输，例如 Apache ActiveMQ。STOMP 协议定义了消息格式和一些基本操作，例如连接、断开连接、发送和订阅等。使用 stomp-websocket-js 可以方便地在浏览器中使用 STOMP 协议连接到消息中间件。
如何使用 stomp-websocket-js？
- 在项目中安装 stomp-websocket-js
我们可以使用 npm 包管理工具，在项目中安装 stomp-websocket-js。在终端中输入以下命令：
npm i stompjs
- 初始化 stomp-js 对象
在项目中使用 stomp-websocket-js 库，需要先初始化一个 Stomp 对象。下面的代码示例展示如何创建并初始化 Stomp 对象：
import Stomp from 'stompjs';
const socket = new WebSocket('ws://localhost:8080');
const stompClient = Stomp.over(socket);在上面的代码中，我们首先通过 WebSocket API 创建了一个 WebSocket 对象，并将其作为参数传入了 Stomp.over() 方法中。Stomp.over() 方法用于创建一个 Stomp 对象，该对象将与 WebSocket 进行通信。
- 连接到 STOMP 服务器
使用 stompClient.connect() 方法可以连接到 STOMP 服务器。在连接服务器之前，需要先设置一些配置参数和处理回调函数。下面的代码展示了如何设置一些基本的参数和处理回调函数：
-- -------------------- ---- -------
----- ------- - -
------ --------
--------- -------
--
---------------------------- ---------- -
------------------ --------
-- --------------- -
------------------ ------- -------
---在上面的代码中，我们设置了一个 headers 对象，用于指定连接服务器的用户名和密码。然后在 stompClient.connect() 方法中传入了 headers 对象和两个回调函数。第一个回调函数用于处理连接成功的情况，第二个回调函数用于处理连接失败的情况。
- 发送消息到 STOMP 服务器
连接到 STOMP 服务器之后，我们可以使用 stompClient.send() 方法发送消息到服务器。下面的代码展示了如何使用该方法发送消息：
stompClient.send('/topic/test', {}, 'Hello, World!');在上面的代码中，我们使用 stompClient.send() 方法发送了一个消息到名为 “/topic/test” 的主题中。第二个参数是一个 headers 对象，用于指定一些消息的元数据，例如消息的类型和格式。第三个参数是消息的正文内容。
我们也可以使用 stompClient.subscribe() 方法订阅主题，接收服务器推送过来的消息。下面的代码展示了如何使用该方法订阅主题：
const subscription = stompClient.subscribe('/topic/test', function(message) {
console.log('收到消息:', message.body);
});在上面的代码中，我们使用 stompClient.subscribe() 方法订阅了名为 “/topic/test” 的主题，并设置了一个回调函数来处理服务器推送过来的消息。
总结
stomp-websocket-js 是一个方便在浏览器中使用 STOMP 协议连接到消息中间件的 JavaScript 库。通过安装和使用该库，我们可以方便地在浏览器中与 STOMP 服务器通信，并实现对队列和主题的订阅和发布。需要注意的是，在使用该库之前，需要先安装并初始化一个 WebSocket 对象，然后再创建和初始化一个 Stomp 对象，最后连接到 STOMP 服务器并进行消息的发送和订阅。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056cc681e8991b448e647f