vue 使用mqtt即使通讯协议

最新推荐文章于 2025-03-20 09:29:26 发布

菜瓜于

最新推荐文章于 2025-03-20 09:29:26 发布

阅读量3.5k

点赞数

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/qq_36441761/article/details/104659847

版权

MQTTBox测试工具

使用教程：https://www.hangge.com/blog/cache/detail_2350.html

MQTT安装

npm install mqtt

项目使用

创建mqtt服务器连接参数配置文件：root.js

export const MQTT_MQTTIP = 'ws://127.0.0.1:8080'
export const MQTT_USERNAME = 'admin'
export const MQTT_PASSWORD = 'password'

MQTT_MQTTIP ：为主机IP，这里我写成了本地

<template>
    <div>接收的推送内容:{
  { content }}</div>
</template>

<script>
import mqtt from 'mqtt'
import { MQTT_MQTTIP, MQTT_USERNAME, MQTT_PASSWORD } from '../assets/root.js'
var client
const options = {
  connectTimeout: 40000,
  clientId: 'clientId-0123', 
  username: MQTT_USERNAME,
  password: MQTT_PASSWORD,
  clean: true
}
client