Vue mqtt 附在线mqtt客户端地址 + 完整示例

mqtt:轻量级物联网消息推送协议。

目录

一、介绍

 1、官方文档

        1)npm网

        2) 中文网

MQTT中文网_MQTT 物联网接入平台-MQTT.CN

2、官方示例

二、准备工作

1、安装依赖包

 2、示例版本 

三、使用步骤

1、在单页面引入 ' mqtt'

四、完整示例

tips


一、介绍

 1、官方文档

        1)npm网

mqtt - npm

mqtt - npmA library for the MQTT protocol. Latest version: 5.3.4, last published: a month ago. Start using mqtt in your project by running `npm i mqtt`. There are 2605 other projects in the npm registry using mqtt.icon-default.png?t=N7T8https://www.npmjs.com/package/mqtt

        2) 中文网

MQTT中文网_MQTT 物联网接入平台-MQTT.CN

MQTT中文网_MQTT 物联网接入平台-MQTT.CN欢迎来到MQTT.CN,您的一站式资源中心,专注于MQTT协议。探索MQTT规范、客户端库、教程、工具、应用程序和物联网平台,加速您的物联网项目。连接未来的物联网通信,从MQTT.CN开始。icon-default.png?t=N7T8https://www.mqtt.cn/

2、官方示例

二、准备工作

1、安装依赖包

npm install mqtt--save

 2、示例版本 

"mqtt": "^4.3.7",

三、使用步骤

1、在单页面引入 ' mqtt'

import mqtt from 'mqtt';

2、配置

    const mqttConfig = {
      mqtt: '地址',
      mqttTopics: `主题`, // 多个主题用,分割
      mqttOptions: {
        port: '8083', // 端口号
        clientId: (Math.random() * 10).toString(), // 客户ID, 这里用的随机数
        username: '用户', // 用户名
        password: '密码', // 密码
        // 如果clientId不为空,默认会随机重新生成一个clientId,避免连接冲突
        // 如果设置customClientId = true,不随机生成,使用用户自定义的固定的clientId
        customClientId: false,
      },
    };

3、使用

变量名.connectMqtt(mqttConfig);

注:部分方法/数据的完整版在完整示例展示

四、完整示例

  function connectMqtt() {
    const mqttConfig = {
      mqtt: '地址',
      mqttTopics: `主题`, // 多个主题用,分割
      mqttOptions: {
        port: '8083', // 端口号
        clientId: (Math.random() * 10).toString(), // 客户ID, 这里用的随机数
        username: '用户', // 用户名
        password: '密码', // 密码
        // 如果clientId不为空,默认会随机重新生成一个clientId,避免连接冲突
        // 如果设置customClientId = true,不随机生成,使用用户自定义的固定的clientId
        customClientId: false,
      },
    };
    topology.connectMqtt(mqttConfig);

    topology.mqttClient.on('message', (topic, message) => {
      // console.log(`[mqtt] Received message:`, message);
      // 一些操作
        ....
    });

    // 当发生错误时,打印错误信息
    topology.mqttClient.on('error', (error) => {
      console.error('[mqtt] Error:', error);
    });

    topology.mqttClient.on('connect', (message) => {
      console.log('[mqtt] connect', message);
    });

    topology.mqttClient.on('disconnect', (message) => {
      console.log('[mqtt] disconnect', message);
    });
  }


  connectMqtt()

tips

1、在线mqtt客户端:Easy-to-Use Online MQTT Client | Try Now

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/465347.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

正则表达式与re模块

目录 正则表达式 简介 语法: 常用元字符: 量词: 贪婪匹配和惰性匹配: re模块 简介: 常用的几个模块: 1.findall 2.search 3.finditer 4.compile 案例展示: 需求: 思路分析&#…

《论文阅读》E-CORE:情感相关性增强的移情对话生成 EMNLP 2023

《论文阅读》E-CORE:情感相关性增强的移情对话生成 EMNLP 2023 前言摘要模型架构图构建边的构建和初始化节点的初始化图更新情感相关性加强解码损失函数总结前言 亲身阅读感受分享,细节画图解释,再也不用担心看不懂论文啦~ 无抄袭,无复制,纯手工敲击键盘~ 今天为大家带来…

IDEA 多个git仓库项目放一个窗口

1、多个项目先通过新建module或者CtrlAltShiftS 添加module引入 2、重点是右下角有时候git 分支视图只有一个module的Repositories。这时候需要去设置把多个git仓库添加到同一个窗口才能方便提交代码。 3、如果Directory Mappings已经有相关项目配置,但是灰色的&…

浅谈JPA框架

JPA 前言概述ORM 映射元数据JPQLJPA API附Spring Data JPA 前言 了解 JPA 框架对后续使用 Spring Boot 是有很大帮助的,下面简单介绍 JPA 框架的基础知识。 概述 JPA( Java 对象持久化 API ,Java Persistence API )&#xff0c…

物联网数据驾驶舱

在信息化时代,数据已经成为驱动企业发展的核心动力。特别是在物联网领域,海量数据的实时采集、分析和监控,对于企业的运营决策和业务优化具有至关重要的作用。HiWoo Cloud作为领先的物联网云平台,其数据监控功能以“物联网数据驾驶…

npm包、全局数据共享、分包

使用 npm 包 小程序对 npm 的支持与限制 目前,小程序中已经支持使用 npm 安装第三方包,从而来提高小程序的开发效率。但是,在小程序中使用npm 包有如下 3 个限制: ① 不支持依赖于 Node.js 内置库的包 ② 不支持依赖于浏览器内置…

C++——string

一学习string的原因 1.从个人理解角度上: 在刚开始学习之前,我只知道学习完string在以后的刷题中能提高做题效率,在对字符串的处理string库中也许有对应的接口去实现需求,不用自己去写函数的实现。 但在学string中改变了之前的…

安卓安装Magisk面具以及激活EdXposed

模拟器:雷电模拟器 安卓版本: Android9 文中工具下载链接合集:https://pan.baidu.com/s/1c1X3XFlO2WZhqWx0oE11bA?pwdr08s 前提准备 模拟器需要开启system可写入和root权限 一、安装Magisk 1. 安装magisk 将magisk安装包拖入模拟器 点击&#xff1a…

UnityShader(十六)凹凸映射

前言: 纹理的一种常见应用就是凹凸映射(bump mapping)。凹凸映射目的就是用一张纹理图来修改模型表面的法线,让模型看起来更加细节,这种方法不会改变模型原本的顶点位置(也就是不会修改模型的形状&#xf…

《硬件历险》之Mac抢救出现问题的时间机器硬盘中的数据

本文虽然使用“抢救”一词,但是运气比较好,远没有达到访问和修改底层的信息来抢救的地步。如果你是需要通过访问和修改底层信息来抢救数据,建议阅读刘伟的《数据恢复技术深度揭秘(第二版)》或者寻找专业人士的帮助。 《…

卷积篇 | YOLOv8改进之C2f模块融合SCConv | 即插即用的空间和通道维度重构卷积

前言:Hello大家好,我是小哥谈。SCConv是一种用于减少特征冗余的卷积神经网络模块。相对于其他流行的SOTA方法,SCConv可以以更低的计算成本获得更高的准确率。它通过在空间和通道维度上进行重构,从而减少了特征图中的冗余信息。这种…

留学生课设|R语言|研究方法课设

目录 INSTRUCTIONS Question 1. Understanding Quantitative Research Question 2. Inputting data into Jamovi and creating variables (using the dataset) Question 3. Outliers Question 4. Tests for mean difference Question 5. Correlation Analysis INSTRUCTIO…

深度学习 精选笔记(13.1)卷积神经网络-LeNet模型

学习参考: 动手学深度学习2.0Deep-Learning-with-TensorFlow-bookpytorchlightning ①如有冒犯、请联系侵删。 ②已写完的笔记文章会不定时一直修订修改(删、改、增),以达到集多方教程的精华于一文的目的。 ③非常推荐上面(学习参考&#x…

SAR ADC教程系列5——FFT频谱泄露以及相干采样

频谱泄露的出现以及如何规避? 为什么要相干采样? 1.分析ADC输出信号的频谱工具:DFT(Discrete Fourier Transform) 重点:DFT相邻频谱频率间隔为fs/N 如何规避频谱泄露? 对于DFT,它对于接收到的信…

Qt文件读写

做一个简单的文件读写,我们把一个结构体内的数据写入到二进制文件中,并重新读取解析。代码结构如下: 项目名称随便起就好了。main.cpp是主函数;DataHandler实现文件的写与读,还要模拟过程;Definition.h放置…

机器学习-绪论

机器学习致力于研究如何通过计算的手段、利用经验来改善系统自身的性能。在计算机系统中,“经验”通常以“数据”的形式存在,因此,机器学习所研究的主要内容,是关于在计算机上从数据中产生“模型”的算法,即“学习算法…

NPM 仓库的超集 JSR 来了!

引言 今天在 Deno 博客中看到了一篇文章,介绍了一个叫 JSR 的包管理注册中心,简单尝试了一下觉得还不错,本文将结合原文章和个人体验对 JSR 进行一个详细的介绍。 在现如今的前端开发中,包管理注册中心 (如 npmjs.com) 扮演着至…

Git——本地使用详解

目录 Git1、开始版本控制1.1、初始化Repository1.2、使目录脱离Git控制 2、把文件交给Git管控2.1、创建文件后交给Git2.2、git add之后再次修改文件2.3、git add "--all"与"."参数区别2.4、把暂存区的内容提交到存储库里存档 3、工作区、暂存区与存储库3.1…

Epuck2机器人固件更新及IP查询

文章目录 前言一、下载固件更新软件包:二、查询机器人在局域网下的IP 前言 前面进行了多机器人编队仿真包括集中式和分布式,最近打算在实物机器人上跑一跑之前的编队算法。但由于Epuck2机器人长时间没使用,故对其进行固件的更新,…

软考高级:软件架构本质和作用概念和例题

作者:明明如月学长, CSDN 博客专家,大厂高级 Java 工程师,《性能优化方法论》作者、《解锁大厂思维:剖析《阿里巴巴Java开发手册》》、《再学经典:《Effective Java》独家解析》专栏作者。 热门文章推荐&am…