js连接mqtt

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:'ip地址',
    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 必须 0 mqtt客户端id
ip 必须 127.0.0.1 mqtt服务端ip地址
port 必须 61623 mqtt服务端ws端口号
success 非必须 连接成功回调
error 非必须 连接失败回调
connectLost 非必须 连接断开回调
onMessage 非必须 消息通知
4.其他方法

1.订阅主题

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

参数列表

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

返回类型:boolean

2.取消订阅

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

参数列表

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

返回类型:boolean

3.重新连接

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

参数列表

  • 无参数

返回类型:boolean

4.发送消息

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

参数列表

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

返回类型:boolean

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 这是16年5月份编辑的一份比较杂乱适合自己观看的学习记录文档,今天18年5月份再次想写文章,发现简书还为我保存起的...
    Jenaral阅读 2,823评论 2 9
  • 点击查看原文 Web SDK 开发手册 SDK 概述 网易云信 SDK 为 Web 应用提供一个完善的 IM 系统...
    layjoy阅读 13,877评论 0 15
  • 国家电网公司企业标准(Q/GDW)- 面向对象的用电信息数据交换协议 - 报批稿:20170802 前言: 排版 ...
    庭说阅读 11,090评论 6 13
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,135评论 1 32
  • 一、简历准备 1、个人技能 (1)自定义控件、UI设计、常用动画特效 自定义控件 ①为什么要自定义控件? Andr...
    lucas777阅读 5,240评论 2 54