Ошибка wss: //mqtt.eclipse.org при создании клиента mqtt

Question

Я в моем первом проекте mqtt, и мой проект в порядке на местном уровне. Но когда я развернул его на героку, это не удалось. Это ошибка:

Смешанный контент: страница в 'https://showbd.herokuapp.com/' была загружена через HTTPS, но попытка подключения к небезопасной конечной точке WebSocket 'ws: // mqtt.eclipse.org/mqtt. Этот запрос был заблокирован; эта конечная точка должна быть доступна через WSS. k._doConnect @ mqttws31.min. js: 36 k.connect @ mqttws31.min. js: 31 I.connect @ mqttws31.min. js: 65 (анонимно) @ app. js: 10

Я объявил клиента в приложении. * Файл 1018 *.

    var MQTT_CLIENT = new Paho.MQTT.Client("mqtt.eclipse.org", Number(80), "/mqtt", MQTT_CLIENT_ID);

Спасибо за помощь!

Answer 1

Это браузер, обеспечивающий безопасность в соответствии с Одинаковой политикой происхождения

Развернутая веб-страница была надежно загружена через HTTPS, чтобы предотвратить смешивание незащищенного содержимого с этим это заблокирует любое соединение с не защищенным TLS местоположением. В этом случае вы пытаетесь установить незащищенное соединение mqtt.eclipse.org на порту 80.

Решение состоит в том, чтобы указать клиенту Paho подключиться к конечной точке Secure Websocket на порту 443. Это можно сделать, передав полный URL для конструктора Paho Client

var MQTT_CLIENT = new Paho.MQTT.Client("wss://mqtt.eclipse.org", MQTT_CLIENT_ID);