创建 mqtt 客户端时出现错误 wss://mqtt.eclipse.org答案

【问题标题】：Error wss://mqtt.eclipse.org when create mqtt client创建 mqtt 客户端时出现错误 wss://mqtt.eclipse.org
【发布时间】：2020-02-21 15:33:39
【问题描述】：

我在我的第一个 mqtt 项目中，我的项目在本地还可以。但是当我将它部署到heroku时，它失败了。这是错误：

混合内容：“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

我在 app.js 文件中声明了客户端。

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

感谢您的帮助！

【问题讨论】：

标签： javascript eclipse websocket mqtt

【解决方案1】：

这是在Same Origin Policy 下保护您安全的浏览器

您已部署的网页已通过 HTTPS 安全加载，为防止不安全的内容混入其中，它将阻止与非 TLS 保护位置的任何连接。在这种情况下，您尝试在端口 80 上建立一个不安全的连接 mqtt.eclipse.org。

解决方案是告诉 Paho 客户端连接到端口 443 上的 Secure Websocket 端点。您可以通过将完整 URL 传递给 Paho 客户端构造函数来做到这一点

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

【讨论】：