mqtt.js?無法連接/錯誤提示?WebSocket?connection?to?‘ws://xxxxx‘?failed:的解決方法

更新時間：2023年04月04日 16:54:46 作者：最兇殘的小海豹

這篇文章主要介紹了mqtt.js?無法連接/錯誤提示?WebSocket?connection?to?‘ws://xxxxx‘?failed:,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下

檢查點：

檢查自己的頁面是http還是https的，然后核對用的是mqtt/mqtts，或者是ws/wss
檢查自己的地址是否對（尤其是BasePath），我一開始地址應該是ws://xxxxx/mqtt（BasePath是mqtt），結果我一直用ws://xxxxx。（有的BasePath是 mqtt/ws，連接地址應該就是 ws://xxxxx/mqtt/ws）
注意端口號，我使用的mqtt服務ws和mqtt端口號不一樣

如果以上兩點都沒問題的話，那么就和我當下的情況一樣了
使用 mqtt://xxxxx/mqtt 怎么都連不上，就提示 WebSocket connection to 'ws://xxxxx' failed:

來看看小編挑選的這款手機你是否感興趣：

解決方法：

直接使用 ws://xxxxx/mqtt ，記得切換端口號，其他的都不改變，只是改了連接地址

  const connectUrl = `ws://xxxxx/mqtt`;	// 用這個就好了
  //  const connectUrl = `mqtt://xxxxx/mqtt`;	// 用這個報錯了，用上面的就好了
  const clientId = `mqtt_${Math.random().toString(16).slice(3)}`;

  var client = mqtt.connect(connectUrl, {
    clientId,
    clean: true,
    connectTimeout: 4000,
    username: 'username',
    password: '123456',
    reconnectPeriod: 1000,
  })
  const topic = '/nodejs/mqtt'
  client.on('connect', () => {
    console.log('Connected')
    client.subscribe([topic], () => {
      console.log(`Subscribe to topic '${topic}'`)
    })
  })

如果不確定自己配置的對不對，可以用下面的地址測試

使用EMQX 提供的免費公共 MQTT 服務器，該服務基于 EMQX 的 MQTT 物聯(lián)網云平臺創(chuàng)建。
服務器接入信息如下：

Broker： broker.emqx.io
TCP Port： 1883
Websocket Port： 8083

const connectUrl = `ws://broker.emqx.io:8083/mqtt`;

client = mqtt.connect(connectUrl, {
  clean: true,
  connectTimeout: 4000,
  reconnectPeriod: 1000,
  clientId: 'emqx_test',
  username: 'emqx_test',
  password: 'emqx_test'
})

// 需要訂閱的主題
const topic = 'test';

//成功連接后觸發(fā)的回調
client.on('connect', () => {
  console.log('已經連接成功');
  // 這里可以訂閱多個主題
  client.subscribe([topic], () => {
    console.log(`訂閱了主題 ${topic}`)
  })
});

// 當客戶端收到一個發(fā)布過來的消息時觸發(fā)回調
client.on('message', function (message) {
  // 這里有可能拿到的數據格式是Uint8Array格式，所以可以直接用toString轉成字符串
  // let data = JSON.parse(message.toString());
  console.log("返回的數據：", message)
});

// 連接斷開后觸發(fā)的回調
client.on("close", function () {
  console.log("已斷開連接")
});

結果

在這里插入圖片描述