html如何与nanomq进行连接?

NanoMQ
, ,
1 
curl -s https://assets.emqx.com/scripts/install-nanomq-deb.sh | sudo bash
sudo apt-get install nanomq

之后，应该是在linux中装了nanomq的0.14版本了，
然后，在终端
nanomq start --log_level=debug --log_file=nanomq.log --logstdout=true --log_syslog=true 1
就启动了nanomq,然后使用其他编程语言,例如python对其完成了连接，也看到了相应的log,
但是，在使用html对它进行连接的时候，一直无法完成连接。

下面是test.html文件，打开之后，在 浏览器控制台一直报错，无法连接上nanomq，
有时是一次报错，又是 一直不停报错.
html文件的代码如下

<html>
    hehe
    
    <script type="text/javascript" src="https://unpkg.com/mqtt/dist/mqtt.min.js"> </script>
    
    <script>
        alert('here 01');
    // 连接选项
    const options = {
        clean: true, // true: 清除会话, false: 保留会话
        connectTimeout: 4000, // 超时时间
        // 认证信息
        clientId: 'emqx_test',
        username: 'emqx_test',
        password: 'emqx_test',
    }

    // 连接字符串, 通过协议指定使用的连接方式
    // ws 未加密 WebSocket 连接
    // wss 加密 WebSocket 连接
    // mqtt 未加密 TCP 连接
    // mqtts 加密 TCP 连接
    // wxs 微信小程序连接
    // alis 支付宝小程序连接
    //const connectUrl = 'nmq-wss://192.168.3.99:8084/mqtt'
    //const connectUrl = 'wss://192.168.3.99:8084/mqtt'
    //const connectUrl = 'tcp://192.168.3.99:1883'
    //const connectUrl = 'nmq-tcp://192.168.3.99:1883'
    //const connectUrl = 'tls+nmq-tcp://192.168.3.99:8883'
    //const connectUrl = 'tcp://192.168.3.99:8883'
    const connectUrl = 'tcp://192.168.3.99:1883'


    const client = mqtt.connect(connectUrl, options)

    client.on('reconnect', (error) => {
        console.log('正在重连:', error)
    })

    client.on('error', (error) => {
        console.log('连接失败:', error)
    })

    client.on('message', (topic, message) => {
    console.log('收到消息：', topic, message.toString())
    })


    </script>
    
    <script>
        var here30 = 'here 30';
        alert(here30);
    </script>
    
</html>

报错信息
Uncaught TypeError: n.createConnection is not a function
at Object.t.exports (mqtt.min.js:1:29576)
at T.streamBuilder (mqtt.min.js:1:39683)
at T._setupStream (mqtt.min.js:1:6556)
at new T (mqtt.min.js:1:5968)
at Function.u [as connect] (mqtt.min.js:1:39286)
at test03.html:36:25

请问，如何完成html和nanomq的连接?

2

当你通过 HTML 来连接时，应该使用 Websocket 连接，所以需要连接到 8083 端口。