JS如何获取MQTT的主题

在JavaScript中,要获取MQTT发布的主题,你通常需要使用一个MQTT客户端库来连接到MQTT代理(broker),并订阅你感兴趣的主题。当消息到达时,客户端会触发一个回调函数,该函数将包含消息的主题和消息内容。

以下是一个使用mqtt.js(一个流行的Node.js MQTT客户端库)的示例,展示了如何连接到MQTT代理、订阅主题,并在接收到消息时获取主题和消息内容:

  1. 首先,你需要安装mqtt.js库。如果你还没有安装Node.js和npm,请先安装它们。然后,在你的项目目录中运行以下命令来安装mqtt库:

    bash 复制代码
    npm install mqtt
  2. 接下来,创建一个JavaScript文件(例如mqttClient.js),并在其中编写以下代码:

    javascript 复制代码
    const mqtt = require('mqtt');
    
    // 连接到MQTT代理(替换为你的MQTT代理URL和端口)
    const client = mqtt.connect('mqtt://your-mqtt-broker-url:port');
    
    // 当客户端连接到代理时
    client.on('connect', () => {
      console.log('Connected to MQTT broker');
    
      // 订阅一个或多个主题(替换为你感兴趣的主题)
      client.subscribe('your/topic', (err) => {
        if (!err) {
          console.log('Subscribed to topic: your/topic');
        } else {
          console.error('Failed to subscribe to topic:', err);
        }
      });
    });
    
    // 当接收到消息时
    client.on('message', (topic, message) => {
      // 在这里,你可以获取到主题和消息内容
      console.log('Received message on topic:', topic);
      console.log('Message content:', message.toString());
    });
    
    // 处理连接错误
    client.on('error', (err) => {
      console.error('MQTT client error:', err);
    });
    
    // 当客户端断开连接时
    client.on('close', () => {
      console.log('Disconnected from MQTT broker');
    });
  3. 替换mqtt://your-mqtt-broker-url:port为你的MQTT代理的实际URL和端口号,替换'your/topic'为你感兴趣的主题。

  4. 运行你的JavaScript文件:

    bash 复制代码
    node mqttClient.js
  5. 当有消息发布到你订阅的主题时,你应该会在控制台中看到打印出的主题和消息内容。

请注意,mqtt.js是一个Node.js库,因此这个示例代码只能在Node.js环境中运行。如果你需要在浏览器中使用MQTT,你可能需要使用一个支持WebSocket的MQTT客户端库,如Paho.MQTT.js。不过,浏览器中的MQTT客户端通常不能直接连接到MQTT代理的TCP端口,而需要通过WebSocket代理(如EMQX提供的WebSocket支持)或MQTT over WebSocket服务。

相关推荐
kyriewen21 小时前
2026 年了,还在用 Node.js?Bun 迁移实战:20 分钟搞定,附踩坑记录
前端·javascript·node.js
minglie1 天前
一个置换问题
javascript
默_笙1 天前
🌀 别再手动写 Prompt 了!我让 AI 自己循环改到满意为止
javascript
To_OC2 天前
LC 994 腐烂的橘子:人人都说是 BFS 入门题,我却写了三遍才过
javascript·算法·leetcode
To_OC2 天前
LC 200 岛屿数量:经典 DFS 入门题,我第一次写居然连方向都搞错了
javascript·算法·leetcode
labixiong2 天前
实现一个能跑的迷你版Promise(一)
前端·javascript·面试
weedsfly2 天前
还在用 Axios?你可能需要重新理解 XHR 与 Fetch
前端·javascript·面试
CoderWeen2 天前
从零实现一个 Vue3 流程图编辑器:节点拖拽、贝塞尔连线与框选
前端·javascript
To_OC3 天前
LC 128 最长连续序列:别上来就排序,O (n) 解法才是这题的灵魂
javascript·算法·leetcode
kyriewen3 天前
我用 50 行代码重写了 React Router 核心,终于搞懂了前端路由原理
前端·javascript·react.js