Mqtt Bridge:在浏览器中显示MQTT消息

时间:2014-06-04 18:23:00

标签: mqtt

我是mqtt的新手,所以任何答案都表示赞赏。

我的目标是在html页面上显示实时Mqtt消息。这似乎很容易但不适合我。

我不确定如何在我的mosquitto代理(它在我的Rasberry Pi上运行)和HiveMQ(目前在笔记本电脑上运行)之间建立桥梁。 如何链接我的html页面以显示mqtt消息?

我不知道如何使用java或其他复杂的插件。

感谢。

2 个答案:

答案 0 :(得分:2)

您使用的是具有builtin support for Websockets的HiveMQ。您当时想要的是在您的网页中使用Paho MQTT JavaScript;连接到您在那里配置的TCP端口上的Websocket服务器(HiveMQ),并处理Web应用程序和MQTT代理(HiveMQ)之间的通信。

这是一个功能齐全的Websocket client which does that,您可以将其作为自己代码的起点。

答案 1 :(得分:1)

我看到jpmens已将Broker覆盖到HTML(Websockets)位。

要建立桥梁,你应该可以从蚊子方面或HiveMQ方面做到这一点。

对于mosquitto,您需要在mosquitto.conf文件中添加一个简短的部分

假设您的HiveMQ代理正在IP地址10.0.0.5上运行,那么需要以下内容:

connection hiveMQ
address 10.0.0.5
topic # out

第一行只是命名连接,第二行给出了远程代理的位置。第三个是更复杂,它控制通过新娘发送的东西。此示例将所有内容(#wildcard主题匹配)从mosquitto发送到hivemq(out),但没有任何内容会以其他方式返回。

如果您想要向两个方向发展,那么让主题线正确可能很复杂。有关详细信息,请访问mosquitto.conf man page