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,不随机生成,使用用户自定义的固定的clientIdcustomClientId: 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,不随机生成,使用用户自定义的固定的clientIdcustomClientId: 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

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

渐开线花键环规的几种加工方法

小伙伴们大家好,今天咱们聊一聊渐开线花键环规的几种加工方法。 渐开线花键环规是在汽车、摩托车以及机械制造工业应用非常广泛的一种检测量具。它属于是一种内花键齿轮,其精度和表面粗糙度要求都比较高。采用的加工方法也比较多,下面详细看…

Python实战:网络请求库requests使用教程

1. 引言 在Python编程中,网络请求是常见且重要的操作之一。requests是Python中最流行的网络请求库之一,它基于urllib3,提供了简单的API来发送HTTP请求。requests库简化了HTTP通信的过程,使开发者能够轻松地发送请求、处理响应和处…

【爬虫逆向】Python逆向采集猫眼电影票房数据

进行数据抓包,因为这个网站有数据加密 !pip install jsonpathCollecting jsonpathDownloading jsonpath-0.82.2.tar.gz (10 kB)Preparing metadata (setup.py) ... done Building wheels for collected packages: jsonpathBuilding wheel for jsonpath (setup.py) .…

Android VINF

周末搞这玩意欲仙欲死,没办法只有看看。VINTF是供应商接口对象(VINTF 对象),准确的说,这个是属于兼容性矩阵概念。。。有点想起了以前看过的一个电影,异次元杀阵。。。下面是谷歌官方的图。 本质上其实就是…

Go语言-关于 go get 和 go install

Go语言-关于 go get 和 go install 一直以来,我们通常都是通过 go get 来下载并安装包的。但从 Go 1.16 起,不推荐通过 go get 来安装包(主要是说安装可执行文件),也就是说,go get 应该只是用来下载包&…

面试算法-41-打家劫舍

题目 你是一个专业的小偷,计划偷窃沿街的房屋。每间房内都藏有一定的现金,影响你偷窃的唯一制约因素就是相邻的房屋装有相互连通的防盗系统,如果两间相邻的房屋在同一晚上被小偷闯入,系统会自动报警。 给定一个代表每个房屋存放…

C++之类和对象(3)

目录 1. 再谈构造函数 1.1 构造函数体赋值 1.2 初始化列表 1.3 explicit 2. static成员 2.1 概念 3. 友元 3.1 友元函数 3.2 友元类 4. 内部类 5. 匿名对象 6. 拷贝对象时编译器做出的优化 1. 再谈构造函数 1.1 构造函数体赋值 class Date { public:Date(int year2024…

Helm Chart部署最简SpringBoot到K8S(AWS EKS版)

目标 这里假设,我们已经基本会使用k8s的kubectl命令进行部署了,也已经会自己打docker镜像推送到AWS ECR上面去了。而且,已经在云上准备好了AWS ECR镜像库和AWS EKS的k8s集群了。 这个前提上面,我们今天使用Helm Chart项目准备k8s…

数据结构试卷第九套

1.时间复杂度 2.树,森林,二叉树的转换 2.1树转二叉树 给所有的兄弟节点之间加一条连线;去线,只保留当前根节点与第一个叶子节点的连线,删除它与其他节点之间的连线;然后根据左孩子右兄弟进行调整&#xf…

个人网站制作 Part 11 添加用户权限管理 | Web开发项目

文章目录 👩‍💻 基础Web开发练手项目系列:个人网站制作🚀 添加用户权限管理🔨使用Passport.js🔧步骤 1: 修改Passport本地策略 🔨修改用户模型🔧步骤 2: 修改用户模型 &#x1f528…

OpenFeign快速入门及使用

OpenFeign快速入门及使用 前言 需要先部署Nacos注册中心 1.导入依赖 代码如下&#xff1a; <!--openFeign--><dependency><groupId>org.springframework.cloud</groupId><artifactId>spring-cloud-starter-openfeign</artifactId></de…

医学数据分析中缺失值的处理方法

医学数据分析中缺失值的处理方法 &#xff08;为了更好的展示&#xff0c;在和鲸社区使用代码进行展示&#xff09; 医学数据分析中&#xff0c;缺失值是不可避免的问题。缺失值的存在会影响数据的完整性和准确性&#xff0c;进而影响分析结果的可靠性。因此&#xff0c;在进…

中创ET4410台式电桥固件升级工具(修复了列表扫描的BUG)

中创ET4410台式LCR数字电桥固件升级工具和最新版固件&#xff08;修复了列表扫描的BUG&#xff09; 中创ET4410 台式LCR数字电桥 简单开箱测评&#xff1a;https://blog.zeruns.tech/archives/763.html 之前买的中创ET4410台式LCR数字电桥固件有BUG&#xff08;胜利的VC4090C…

FREERTOS中断配置和临界段

本文基础内容参考的是正点原子的FREERTOS课程。 这是基于HAL库的 正点原子手把手教你学FreeRTOS实时系统 这是基于标准库的 正点原子FreeRTOS手把手教学-基于STM32 回顾STM32的中断 什么是中断&#xff1f; 中断优先级分组设置 Freertos中断分组 Freertos就是用的最后一种&…

Visual Studio 常用快捷键

执行调试&#xff1a; F5 调试 F5: 启动调试 ShiftF5: 停止调试 CtrlShiftF5: 重启调试 执行&#xff08;调试&#xff09; CtrlF5: 开始执行(不调试) F10: 逐过程 F11: 逐语句 断点 F9: 启用/关闭断点 CtrlF9: 停止断点 CtrlShiftF9: 删除全部断点 格式化代码 Ctrl kd …

redis学习-redis介绍

目录 1.redis介绍 2.redis常用命令&#xff08;可以在官网的命令中查看redis的所有命令&#xff09; 2.1终端命令 2.2 redis通用命令 2.3五大基本类型的命令以及特殊情况分析 &#xff08;导航&#xff09; 3.事务 4. redis实现消息订阅 5. redis的两种持久化策略 …

使用 300 元的显卡推理 Qwen1.5-14B

本文地址&#xff1a;blog.lucien.ink/archives/546 一直以来模型推理成本对于想要使用大模型却又注重隐私的用户来说都是个难题&#xff0c;今天在这里探讨一下如何用尽可能低的成本去获得尽可能高的模型性能。 曾经尝试过用 Tesla P4&#xff08;目前市场价 300 元&#xff…

大学生课程|R|课程论文作业(包括数据集免费获取)

免费课程资源获取方式&#xff1a;https://download.csdn.net/download/weixin_68126662/88984330 用R Studio分别用线性回归&#xff0c;多项式回归&#xff0c;样条回归和回归森林分析电影IMDB得分&#xff0c;任务&#xff1a; 展示哪些变量是最好的predictor哪些是最差的…

删除 Oracle 软件和数据库教程

1.使用 deinstall 工具删除安装的 Oracle 软件的可执行文件和配置文件 [oracleocpstudy admin]$ cd $ORACLE_HOME [oracleocpstudy db_1]$ cd deinstall [oracleocpstudy deinstall]$ ls bootstrap_files.lst bootstrap.pl deinstall deinstall.pl deinstall.xml jlib …

KubeSphere集群安装-nfs分布式文件共享-对接Harbor-对接阿里云镜像仓库-遇到踩坑记录

KubeSphere安装和使用集群版 官网:https://www.kubesphere.io/zh/ 使用 KubeKey 内置 HAproxy 创建高可用集群:https://www.kubesphere.io/zh/docs/v3.3/installing-on-linux/high-availability-configurations/internal-ha-configuration/ 特别注意 安装前注意必须把当前使…