美文网首页
前端使用mqtt,用于接收消息

前端使用mqtt,用于接收消息

作者: 特小懒虫 | 来源:发表于2020-04-16 21:07 被阅读0次

主要是用vue 安装mqtt npm i mqtt

import mqtt from 'mqtt' 
let client = ''
export default {
  created () {
    let options = {
      connectTimeout: 40000,
      clientId: `id`,
      username: `定义的用户名`,
      password: `密码`,
      path: '/mqtt',
      clean: true,
      useSSL: true/false,
      port: '端口号',
      topic: '通信'
    }
    client = mqtt.connect(`链接的地址`, options)
    this.mqttMsg()
  },
  methods: {
    mqttMsg () {
      client.on('connect', () => {
        client.subscribe(`通信`, { qos: 0 }, (error) => {
          if (!error) {
            console.log('success')
          } else {
            console.log('fail')
          }
        })
      })
      // 接收消息处理
      client.on('message', (topic, message) => {
        let msg = message.toString()
        if (msg && JSON.parse(msg).content === 'ok') {
           console.log('信息成功')
        }
      })
      client.on('reconnect', (error) => {
        console.log('正在重连:', error)
      })
      // 链接异常处理
      client.on('error', (error) => {
        console.log('连接失败:', error)
      })
    },
  }
}

相关文章

网友评论

      本文标题:前端使用mqtt,用于接收消息

      本文链接:https://www.haomeiwen.com/subject/dmzdvhtx.html