vue mqtt 测试笔记

1、测试准备工作

1-1、进入大神网站，登录

1-2、创建项目并绑定设备

1-3、获取设备Id、密码及请求地址

1-4、下载MQTTBox打开


保存进入下一页



前端控制台打印

2、创建vue项目，安装mqtt

cnpm install mqtt --save

3、使用

import mqtt from 'mqtt';
export default {
  name: 'Home',
  data () {
    return {
      client:null
    }
  },
  created () {
    this.connectMqtt()
  },
  methods: {
    connectMqtt () {
      const options={
        connectTimeout:4000,
        clientId:`wsy${Math.random()}`,//唯一值
        port:8083,
        username:'设备Id',
        password:'密码'
      }
      this.client=mqtt.connect('ws://t.yoyolife.fun/mqtt',options);
      this.client.on('connect',e=>{
        console.log('服务器链接成功');
        this.client.subscribe('/iot/477/wsy',{qos:0},err=>{
          if(!err){
            console.log('订阅成功');
          }
        })
      })
      //信息监听事件
      this.client.on('message',(topic,message)=>{
        console.log('收到'+message.toString());
      })
      //重连
      this.client.on('reconnect',(err)=>{
        console.log('正在进行重连',err);
      })
      //失败
      this.client.on('error',(err)=>{
        console.log('连接失败',err);
      })
    }
  }
}