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);})}}
}