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

最新推荐文章于 2024-09-14 19:00:09 发布

jierm

最新推荐文章于 2024-09-14 19:00:09 发布

阅读量1.4k

点赞数

分类专栏：前端文章标签： react linux

本文链接：https://blog.csdn.net/qq_39307572/article/details/106662175

版权

本文介绍了在React应用中如何使用MQTT协议，详细讲解了前端连接MQTT服务的步骤，包括安装、初始化、接收和发布消息，以及停止监听。同时，也阐述了在Ubuntu上配置和测试mosquitto MQTT服务器的过程，包括安装、服务状态检查、配置文件修改以及服务的启停操作。

摘要由CSDN通过智能技术生成

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，发布消息