Отображение данных веб-канала MQTT на HTML-странице

Мне нужно отобразить данные канала 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 не определен.

Я предпочел не использовать узел и подписаться на этот канал на странице html с помощью mqtt, и, проанализировав данные JSON, я хочу отображать широту и долготу на карте Google. Как я смогу подключиться и получить ответ JSON на стороне входа?

Пожалуйста, направляйте меня. Заранее спасибо.