js连接mqtt进行通信_js mqtt_、凉兮的博客-程序员宅基地

技术标签： mqtt js

1.html头部引入mqtt.js

<script src="https://unpkg.com/mqtt/dist/mqtt.js"></script>

2.连接已打开的mqttServer，若无mqtt服务端，点击下载https://www.emqx.io/zh/downloads

<script>
    // 连接选项
    const options = {
        clean: true, // true: 清除会话, false: 保留会话
        connectTimeout: 4000, // 超时时间
        // 认证信息
        clientId: 'test',	//客户端ID
        username: 'admin', //连接用户名
        password: 'public',//连接密码，默认为public,新版本登录后台界面会让你修改密码
        // 心跳时间
        keepalive: 60,
    }

    // 连接字符串, 通过协议指定使用的连接方式
    const connectUrl = 'ws://127.0.0.1:8083/mqtt' //连接服务端地址，注意查看ws协议对应的端口号
    const client = mqtt.connect(connectUrl, options)

    client.on('connect', () => {
        console.log('连接成功')
        // 订阅多个主题
        client.subscribe(
            ['tourist_enter', 'message_arrived'], //主题
            { qos: 1 },  
            (err) => {
                console.log(err || '订阅成功')
            },
        );
        // 发布消息
        client.publish('tourist_enter', 'Hello EMQ X', (err) => {
            console.log(err || '发布成功')
        })
    })
	//失败重连
    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>

想要查看或者修改不同协议对应的端口号需要到配置文件(~安装目录/etc/emqx.conf)中查看，部分协议如下：

//tcp协议（连接地址为 tcp://127.0.0.1:1883）
listeners.tcp.default {
bind = “0.0.0.0:1883”
max_connections = 1024000
}

//ssl（连接地址为 ssl://127.0.0.1:8883）
listeners.ssl.default {
bind = “0.0.0.0:8883”
max_connections = 512000
ssl_options {
keyfile = “etc/certs/key.pem”
certfile = “etc/certs/cert.pem”
cacertfile = “etc/certs/cacert.pem”
}
}

//ws协议（连接地址为 ws://127.0.0.1:8083/mqtt）
listeners.ws.default {
bind = “0.0.0.0:8083”
max_connections = 1024000
websocket.mqtt_path = “/mqtt”
}

//wss协议（连接地址为 wss://127.0.0.1:8084/mqtt）
listeners.wss.default {
bind = “0.0.0.0:8084”
max_connections = 512000
websocket.mqtt_path = “/mqtt”
ssl_options {
keyfile = “etc/certs/key.pem”
certfile = “etc/certs/cert.pem”
cacertfile = “etc/certs/cacert.pem”
}
}

本文链接：https://blog.csdn.net/qq_43549747/article/details/112565261

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

mac HBux连接夜神模拟器_mac noxappplayer 连接hbuilder-程序员宅基地

打开终端，进入到Nox的adb工具所在目录cd /Applications/Nox\App\Player.app/Contents/MacOS将 adb 连接到nox的端口./adb connect 127.0.0.1:62001查看 62001端口是否已经成功连接lsof -i tcp:62001PS: 【nox mac版本的模拟器用的是vbox,所以你看到的占用62001端口的应用名字是 VBoxHeadl 】Hubx配置..._mac noxappplayer 连接hbuilder

MediaCodec硬编码成H264视频流_c 硬编码 mediacodec-程序员宅基地

android提供了一个强大的编解码类MediaCodec，可以实现对视频数据的编解码，下面讲一下如何对原始视频数据硬编码成h264格式的流MediaCodec提供两种方式的输入，一种是将数据写入它的输入缓冲队列里，一种是让MediaCodec建立一个输入Surface，MediaCodec会自动从这个输入Surface中读取数据，因为我做的是录制屏幕的需求，所以我是使用一个Surfa_c 硬编码 mediacodec

thymeleaf实现树状下拉框（二级联动）_thymeleaf树形菜单_无颜祖6246的博客-程序员宅基地

项目场景：承接上篇文章，此次记录的是树状下拉框的二级联动，点击次链接查看上篇文章: thymeleaf实现树状下拉框.问题描述提示：这里描述项目中遇到的问题：根据选中的组织，展示组织成员解决方案：实际上就是点击一级菜单的时候用ajax调用获取二级信息接口即可后端接口前端新增页面修改页面稍有变化函数点击一级菜单的时候用ajax调用获取二级信息接口，然后将元素通过append拼接起来，下拉框循环数据显示效果这就是一个简单的二级联动demo,有什么见解大_thymeleaf树形菜单

【考证】华为HCIP、HCIE认证考试大纲_华为数通hcip考试大纲-程序员宅基地

考任何试，一定要先去了解透考纲，哪些会考？哪些不会考？每个知识点分值占比又如何？只要这样才能做到知己知彼，百战百胜！你才能在有限的时间里，针对性去复习、备考，而不是盲目学习，考纲，我个人认为，就是个方向标，指引你如何前行。HCIP-Routing & Switching-IEEP V2.5 考试大纲HCIP-Routing & Switching-IENP V2.5考试大纲HCIP-Routing &..._华为数通hcip考试大纲

二叉树的高度和深度 --代码实现_return proot->left > proot->right?treedepth(proot--程序员宅基地

一：若只有一个根节点，看概念定义为 0层还是1层以下代码均定义为1层即只有一个根节点时候，树的高度为1递归实现：/*struct TreeNode { int val; struct TreeNode *left; struct TreeNode *right; TreeNode(int x) : val(x), left(NULL), right(NUL..._return proot->left > proot->right?treedepth(proot->left)+1 : treedepth(proot

torch.nn.Conv1d及一维卷积详解_torch一维卷积-程序员宅基地

最近在用一维卷积做分类，所以看了一维卷积的API和各种博客。主要的参考博客是（两个博客综合起来看很不错）：https://blog.csdn.net/qq_36323559/article/details/102937606https://blog.csdn.net/sunny_xsc1994/article/details/82969867Conv1class torch.nn.Conv1d(in_channels, out_channels, kernel_size, stride=_torch一维卷积