Question

我必须将hqtt频道的数据显示到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在html页面中订阅此频道，并通过解析JSON数据，我想在谷歌地图中显示纬度和经度。我怎样才能在前端连接并获得JSON响应？

请指导我。提前谢谢。

Answer 1

您是否考虑过使用支持WebSockets的MQTT代理而不是将自己的MQTT写入Web桥？

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

在html页面中显示MQTT webchannel数据

1 个答案: