如何通过 Javascript 将 TLS 与 Paho MQTT 一起使用？答案

【问题标题】：How can I use TLS with Paho MQTT over Javascript?如何通过 Javascript 将 TLS 与 Paho MQTT 一起使用？
【发布时间】：2018-10-30 04:32:24
【问题描述】：

我目前在我的网站上使用的代码

var client       = null;
var device_is_on    = null;
var hostname       = "********";
var port           = "8003";
var clientId       = "mqtt_js_" + parseInt(Math.random() * 100000, 10);
var device_topic     = "stat/Device_001/POWER";
var status_topic   = "cmnd/Device_001/power";


function connect(){
    client = new Paho.MQTT.Client(hostname, Number(port), clientId);

    client.onConnectionLost = onConnectionLost;
    client.onMessageArrived = onMessageArrived;

    var options = {
        useSSL: true,
        userName : "***",
        password : "********",
        onSuccess: onConnect,
        onFailure: onFail
    };
    client.connect(options);
}


function onConnect(context) {
    options = {qos:0}
    client.subscribe(device_topic, options);
    client.subscribe(status_topic, options);

    var payloadd = "6";

    message = new Paho.MQTT.Message(payloadd);
    message.destinationName = status_topic;
    message.retained = true;
    client.send(message);
}

function onFail(context) {
}

function onConnectionLost(responseObject) {
    if (responseObject.errorCode !== 0) {
        window.alert("Connection Lost!\nPlease Refresh.");
    }
}

function onMessageArrived(message) {

    if (message.destinationName == device_topic){ 
        var temperature_heading = document.getElementById("device_display");
        temperature_heading.innerHTML = "Air Conditioner: " + message.payloadString;
        if (message.payloadString == "ON" || message.payloadString == "o"){
            device_is_on = true;
        } else {
            device_is_on = false;
        }
    }
}

function device_toggle(){
    if (device_is_on){
        var payload = "off";
        device_is_on = false;
    } else {
        var payload = "on";
        device_is_on = true;
    }

    message = new Paho.MQTT.Message(payload);
    message.destinationName = status_topic;
    message.retained = true;
    client.send(message);
}

我应该在 "" var options "" 部分下放什么？目前我在 Google Chrome 的控制台中收到错误 ERR_CERT_AUTHORITY_INVALID。

注意 1：此代码在 http 上完美运行，但我正在转换为 https。

注意 2：我使用 Mosquitto 作为我的 MQTT 代理。

非常感谢您的帮助。

【问题讨论】：

ERR_CERT_AUTHORITY_INVALID：什么是服务器证书？ HTTPS 客户端需要知道其 CA。
我使用 OpenSSL 生成了证书

标签： ssl mqtt mosquitto paho

【解决方案1】：

您似乎正在使用自签名证书。这不会被您的浏览器信任，因此它不会连接，从而引发您显示的错误。

你有两个选择：

将证书导入浏览器并将其标记为受信任（具体操作方式取决于您使用的浏览器）。这仅对测试/开发真正有用，因为普通用户不应该导入随机证书，因为这会给他们带来各种安全问题。
为您的网站和代理获取真正可信的证书。最简单/最便宜的方法是使用letsencrypt。然后，您可以配置 mosquitto 以使用此证书。

【讨论】：

【解决方案2】：

TLS javascript paho 客户端可用：Github paho.mqtt.javascript/issues/88

【讨论】：

这基本上是一个仅链接的答案。一旦链接断开，它将无用。