vue連接mqtt
項(xiàng)目中要用到mqtt，前端調(diào)用虐唠，使用github開源的paho-mqtt.js馁蒂，api還是挺全面的缩抡，網(wǎng)上各種教程很全面贺喝，但是感覺代碼過于雜亂寓涨，故而封裝的一下愚战。仿jquery ajax調(diào)用方法娇唯。
1.安裝應(yīng)用
npm install xhl-mqttx -s
2.項(xiàng)目引用
import mqttX from 'xhl-mqttx'
3.開始調(diào)用初始化方法
mqttX.init({
id:'10',
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);
}
});
參數(shù)列表
| 參數(shù) | 是否必須 | 默認(rèn) | 說明 |
|---|---|---|---|
| id | 必須 | 0 | mqtt客戶端id |
| ip | 必須 | 127.0.0.1 | mqtt服務(wù)端ip地址 |
| port | 必須 | 61623 | mqtt服務(wù)端ws端口號(hào) |
| success | 非必須 | 無 | 連接成功回調(diào) |
| error | 非必須 | 無 | 連接失敗回調(diào) |
| connectLost | 非必須 | 無 | 連接斷開回調(diào) |
| onMessage | 非必須 | 無 | 消息通知 |
4.其他方法
1.訂閱主題
//訂閱主題
mqttX.subscribe(topic,[qos]);
參數(shù)列表
| 參數(shù) | 是否必須 | 默認(rèn) | 說明 |
|---|---|---|---|
| topic | 必須 | 無 | 主題 |
| qos | 非必須 | 0 | 訂閱主題的qos |
返回類型：boolean
2.取消訂閱
//取消訂閱主題
mqttX.unsubscribe(topic);
參數(shù)列表
| 參數(shù) | 是否必須 | 默認(rèn) | 說明 |
|---|---|---|---|
| topic | 必須 | 無 | 主題 |
返回類型：boolean
3.重新連接
//重新連接
mqttX.reconnect();
參數(shù)列表
- 無參數(shù)
返回類型：boolean
4.發(fā)送消息
//發(fā)送消息
mqttX.sendMessage(topic,obj);
參數(shù)列表
| 參數(shù) | 是否必須 | 默認(rèn) | 說明 |
|---|---|---|---|
| topic | 必須 | 無 | 主題 |
| obj | 必須 | 無 | 發(fā)送的信息 |
返回類型：boolean
