简介
MQR 是一个基于 MQTT 协议封装的前端消息队列插件，主要用于实现浏览器与服务端之间的实时通信。MQR 通过订阅和发布主题来实现消息传递，具有快速、易用、可靠等特点。
安装
使用 npm 安装 MQR：
npm install mqr --save
安装完成后，在需要使用的文件中引入 MQR：
import MQR from 'mqr';
或者在 HTML 文件中添加以下脚本：
<script src="path/to/mqr.js"></script>
使用
初始化
使用 MQR 前，需要进行初始化，设置 MQTT 服务器的参数：
const mqr = new MQR({
host: 'mqtt://localhost:1883',
clientId: 'mqr_client',
username: 'user',
password: 'password',
});其中，host 为 MQTT 服务器地址，clientId 为客户端 ID，username 和 password 为连接 MQTT 服务器的用户名和密码。
订阅主题
使用 MQR 订阅消息：
mqr.subscribe('topic', (message) => {
console.log('Received message:', message);
});其中，topic 为订阅的主题名称，message 为收到的消息对象。
发布主题
使用 MQR 发布消息：
mqr.publish('topic', 'hello');其中，topic 为发布消息的主题名称，hello 为消息内容。
示例
以下是一个基于 MQR 的实时聊天室的示例：
-- -------------------- ---- -------
--------- -----
----- -------------
------
----- ----------------
---------- ----------------
-------
------
------ ----------- ---------- -------------------
------- ---------------------
----
--- ----------------------
-------
------- ------------------------------
--------
----- --- - --- -----
----- ------------------------
--------- -------------
--------- -------
--------- -----------
---
----- ----- - ---------------------------------
----- ---- - --------------------------------
----- ----------- - ---------------------------------------
------------------------------ -- -- -
----- ------- - ------------
----------------------- ---------
----------- - ---
---
------------------------- --------- -- -
----- -- - -----------------------------
-------------- - --------
----------------------------
---
---------
-------在 MQTT 服务器上创建一个 chatroom 主题，即可运行此示例。
总结
MQR 是一个方便实用的前端消息队列插件，适用于实现浏览器与服务端之间的实时通信。使用 MQR，可以轻松地订阅和发布消息，实现消息的实时传递。希望本文对大家有所帮助，欢迎使用和反馈。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055eac81e8991b448dc248