React中使用MQTT协议，Linux MQTT服务器配置

React MQTT使用

第一次接触MQTT的时候被这个错误耽误了好久，paho-mqtt.js:1054 WebSocket connection to ‘ws://192.168.1.61:1883/mqtt’ failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED
本文简略介绍前端连接MQTT服务的基本用法，希望能帮到大家

1，安装

npm install paho-mqtt -s

2，初始化

const PahoMQTT = require('paho-mqtt')

const name = new Date().getTime() + 'client'

const client = new PahoMQTT.Client('192.168.1.61', 1884, name)   // 服务器地址以及端口号

client.connect({

  onSuccess: function (res) {

    client.subscribe('offlineTopic') // 订阅频道

  }

})

3，接受消息

client.onMessageArrived = onMessageArrived // 接收消息

function onMessageArrived(message) {

  if (message.destinationName === 'offlineTopic') {

    console.log(message.payloadString)

  }

}

4，发布消息