vue mqtt使用（二）

首先在vue项目中安装mqtt包：

npm install mqtt --save

然后引入包

import mqtt from 'mqtt'

vue代码实现

var client
const options ={
  connectTimeout:40000,
  clientId:'mqttjs_fcf7b01047',
  username:'admin',
  password:'public',
  clean:true
}
client = mqtt.connect('ws://127.0.0.1:8083/mqtt',options)
export default {
  created(){
    this.myMqtt()
  },
  methods: {
    myMqtt() {
      console.log('连接mqtt');
      // 连接mqtt
      client.on('connect', (e) => {
        console.log('连接成功')
        client.subscribe('subscribe')
      })
      // 接收推送消息
      client.on('message', (topic, message) => {
        console.log('接收推送信息：', message.toString())
      })
      // 断开发起重连
      client.on('reconnect', (error) => {
        console.log('正在重连...', error)
      })
      // 链接异常处理
      client.on('error', (error) => {
        console.log('连接失败...', error)
      })
    },
  },
 }

怎么测试，可以看上一篇vue mqtt测试工具使用（一）