無法從 ReactJS 連接到 MQTT Broker

Question

我在連接到在 docker 中運行的本地 MQTT Broker 時遇到問題。

這是我的連接文件：

import mqtt from 'mqtt';
const client = mqtt.connect({
  host: 'ws://192.168.31.46',
  port: 1883,
});
client.on('connect', () => {
  console.log('Connected');
  client.subscribe('SEND_MESSAGE', function (topic, message) {
    console.log({ topic, message });
  });
});
export default client;

Answer 1

端口號 (99.9%) 錯誤，端口 1883 是本機 MQTT 端口，而不是 WebSockets 上的 MQTT。 正確的端口將取決於您如何配置代理（假設 mosquitto，它沒有默認定義的 WebSocket 偵聽器）

此外，如果mqtt.connect()函數要求提供主機名和端口，那么您不應該為 post 字段提供 URL。 從一開始就刪除ws:// 。