分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

js 连接mqtt

发布时间:2023-09-18 22:47责任编辑:郭大石关键词:js

js连接mqtt

项目中要用到mqtt,前端调用,使用github开源的paho-mqtt.js,api还是挺全面的,网上各种教程很全面,但是感觉代码过于杂乱,故而封装的一下。仿jquery ajax调用方法。

首先本项目依赖 paho-mqtt.js

1.引用paho-mqtt.js
<script src="https://cdnjs.cloudflare.com/ajax/libs/paho-mqtt/1.0.1/mqttws31.js" type="text/javascript"></script>
2.引用封装的 MqttX.js(源代码点击查看)
3.开始调用初始化方法
mqttX.init({ ???id:'10', ???ip:'47.92.127.210', ???port:61623, ???success:function(){ ???????console.log("mqttx连接成功"); ???????mqttX.subscribe('vp1'); ???}, ???error:function(){ ???????console.log("mqttx连接失败"); ???}, ???connectLost:function(){ ???????console.log("mqttx连接丢失"); ???}, ???onMessage:function(message){ ???????console.log("mqttx",message); ???}});

参数列表

参数是否必须默认说明
id必须0mqtt客户端id
ip必须127.0.0.1mqtt服务端ip地址
port必须61623mqtt服务端ws端口号
success非必须连接成功回调
error非必须连接失败回调
connectLost非必须连接断开回调
onMessage非必须消息通知
4.其他方法

1.订阅主题

//订阅主题mqttX.subscribe(topic,[qos]);

参数列表

参数是否必须默认说明
topic必须主题
qos非必须0订阅主题的qos

返回类型:boolean

2.取消订阅

//取消订阅主题mattX.unsubscribe(topic);

参数列表

参数是否必须默认说明
topic必须主题

返回类型:boolean

3.重新连接

//重新连接mattx.reconnect();

参数列表

  • 无参数

返回类型:boolean

4.发送消息

//发送消息mattx.sendMessage(topic,obj);

参数列表

参数是否必须默认说明
topic必须主题
obj必须发送的信息

返回类型:boolean

js 连接mqtt

原文地址:https://www.cnblogs.com/xuhaoliang/p/10779757.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved