在 html 页面中显示 MQTT 网络频道数据答案

【问题标题】：Display MQTT webchannel data in a html page在 html 页面中显示 MQTT 网络频道数据
【发布时间】：2015-09-20 00:03:59
【问题描述】：

我必须将 mqtt 频道的数据显示到 html 页面。我已经准备了一个与以下相同的节点 js 代码：

var mqtt = require('mqtt');

client = mqtt.createClient(1883, 'mqtt.beebotte.com',
//Authenticate with your channel token,
{username: 'token:TOKEN_KEY', password: ''});


client.on('message', function (topic, message) {
console.log('topic: ' + topic + ' payload: ' + message);
});



client.subscribe('AppTeamDemo/GpsDataUpload');
client.subscribe('AppTeamDemo/EventDataUpload');
client.subscribe('AppTeamDemo/CommToZiggi');
client.subscribe('AppTeamDemo/CommFromZiggi');

我能够获取需要使用 JSON 格式化程序解析的数据，并且必须在 html 页面中显示。

我很困惑，因为我对这一切都不熟悉，我如何能够将 nodejs 变量用于 html 页面，因为它是服务器端 javascript。

我怎么能连接到 mqtt 频道，因为每次都说 mqtt 没有定义。

我不喜欢使用节点，而是通过使用 mqtt 并通过解析 JSON 数据在 html 页面中订阅此频道，我想在谷歌地图中显示纬度和经度。我如何能够在前端连接并获得 JSON 响应？

请指导我。提前致谢。

【问题讨论】：

标签： html angularjs node.js mqtt

【解决方案1】：

您是否考虑过使用支持 WebSockets 的 MQTT 代理，而不是编写自己的 MQTT 到 Web 桥接器？

如果您使用Paho 库，您可以直接从页面中的 javascript 订阅您感兴趣的主题。

【讨论】：