当前位置： 首页 > news >正文

MQTT是什么，物联网

news 文章来源：https://blog.csdn.net/weixin_45024453/article/details/140316603 2024/11/3 0:28:56

写文思路：

以下从几个方面介绍MQTT，包括：MQTT是什么，MQTT和webSocket的结合，以及使用场景，

一、MQTT是什么

MQTT（Message Queuing Telemetry Transport）是一种轻量级的发布/订阅消息传输协议，广泛应用于物联网（IoT）设备之间的通信。

MQTT 在设计时考虑了低带宽、不可靠网络环境下的高效数据传输。

MQTT 可以通过 WebSocket 使用，从而在 Web 应用中实现实时消息传输。 

 

二、MQTT和webSocket的结合

链接：什么是webSocket点击跳转 

MQTT 原本是基于 TCP/IP 的协议，但为了适应 Web 应用的需求，MQTT 也可以通过 WebSocket 传输。

 

MQTT和webSocket的结合的好处：

  1. 在 Web 环境中的适用性：

    • WebSocket 是 Web 环境中的标准双向通信协议，可以很容易地在浏览器中使用。结合 MQTT 和 WebSocket，浏览器客户端可以直接与 MQTT 代理（Broker）进行通信。

  2. 实时通信：

    • MQTT 和 WebSocket 都支持实时通信，结合使用可以在 Web 应用中实现高效、低延迟的数据传输。

  3. 跨平台：

    • 使用 WebSocket，MQTT 可以在各种平台（包括浏览器、移动设备和桌面应用）上使用，无需额外的网络库。

三、使用 MQTT over WebSocket 的场景

 将 MQTT 与 WebSocket 结合使用，可以在 Web 应用中实现高效、实时的消息传输，特别适用于需要实时数据更新的应用场景。MQTT 的发布/订阅模式与 WebSocket 的双向通信特性相结合，为开发者提供了强大而灵活的解决方案。

 

  • 实时物联网仪表盘：

    • 在浏览器中显示实时物联网数据，例如传感器读数、设备状态等。

  • 在线聊天和通知：

    • 在 Web 应用中实现实时聊天和推送通知。

  • 实时协作工具：

    • 支持多个用户实时协作的 Web 应用，例如共同编辑文档、白板等。

四、如何在 Web 应用中使用 MQTT over WebSocket

以下是一个在 Web 应用中使用 MQTT over WebSocket 的示例：

1. 配置 MQTT 代理

首先，需要确保 MQTT 代理（Broker）支持 WebSocket。例如，使用 Mosquitto 代理，可以在配置文件中启用 WebSocket 支持：

listener 1883
protocol mqttlistener 8083
protocol websockets

2. 在 Web 应用中使用 MQTT.js 库

MQTT.js 是一个功能强大的 MQTT 客户端库，支持在 Node.js 和浏览器中使用。下面是一个简单的示例，展示如何在浏览器中使用 MQTT over WebSocket：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>MQTT over WebSocket Example</title><script src="https://cdnjs.cloudflare.com/ajax/libs/mqtt/4.2.6/mqtt.min.js"></script>
</head>
<body><h1>MQTT over WebSocket Example</h1><div><label for="message">Message:</label><input type="text" id="message"><button onclick="sendMessage()">Send</button></div><ul id="messages"></ul><script>// 连接到 MQTT 代理var client = mqtt.connect('ws://localhost:8083');// 当连接建立时触发client.on('connect', function () {console.log('Connected to MQTT broker');// 订阅主题client.subscribe('test/topic', function (err) {if (!err) {console.log('Subscribed to test/topic');}});});// 当接收到消息时触发client.on('message', function (topic, message) {// 将消息添加到页面var msg = document.createElement('li');msg.textContent = topic + ": " + message.toString();document.getElementById('messages').appendChild(msg);});// 发送消息function sendMessage() {var message = document.getElementById('message').value;client.publish('test/topic', message);}</script>
</body>
</html>

备注：

  • 引入 MQTT.js 库：

    • 通过 CDN 引入 MQTT.js 库。

  • 连接到 MQTT 代理：

    • 使用 mqtt.connect('ws://localhost:8083') 连接到启用了 WebSocket 的 MQTT 代理。

  • 订阅主题：

    • 在连接建立后，订阅 test/topic 主题。

  • 接收消息：

    • 通过 client.on('message', function (topic, message) { ... }) 处理接收到的消息，并将其显示在页面上。

  • 发送消息：

    • 使用 client.publish('test/topic', message) 向 test/topic 主题发送消息。

 

相关文章：

MQTT是什么，物联网

写文思路&#xff1a; 以下从几个方面介绍MQTT&#xff0c;包括&#xff1a;MQTT是什么&#xff0c;MQTT和webSocket的结合&#xff0c;以及使用场景&#xff0c; 一、MQTT是什么 MQTT&#xff08;Message Queuing Telemetry Transport&#xff09;是一种轻量级的发布/订阅消息…...

编程日记 2024/7/11 12:44:11

分布式训练

一、分布式计算 跟多GPU不同是&#xff1a;数据不是从主存拿的&#xff0c;是在分布式文件系统拿的&#xff0c;有多个工作站&#xff0c;工作站中有多个GPU&#xff0c;通过网络读取数据到GPU中&#xff0c;GPU通过网络接收到来自参数服务器的参数进行运算计算梯度&#xff0c…...

编程日记 2024/7/11 12:43:10

day10：04一文搞懂decode和decoding的区别

在Python 3中&#xff0c;decode()方法和decoding概念同样与字符串的编码和解码紧密相关&#xff0c;但它们的应用场景和上下文有所不同。下面通过案例来解释它们的关系和区别。 1. decode() 方法 decode()方法是字节串&#xff08;bytes&#xff09;类型的一个方法&#xff…...

编程日记 2024/7/11 12:40:06

MechMind结构光相机 采图SDK python调用

测试效果 Mech-Mind结构光相机 Mech Mind（梅卡曼德）的结构光相机，特别是Mech-Eye系列，是工业级的高精度3D相机，广泛应用于工业自动化、机器人导航、质量检测等多个领域。以下是对Mech Mind结构光相机的详细解析： 一、产品概述 Mech Mind的结构光相机，如Mech-Eye PRO，…...

编程日记 2024/7/11 12:39:06

“学习Pandas中时间序列的基本操作“

目录 # 开篇 1. 创建和操作时间序列对象 2. 时间序列数据的读取和存储 3. 时间序列数据的索引和切片 4. 时间序列数据的操作和转换 5. 时间序列数据的可视化 6. 处理时间序列中的缺失值 7. 时间序列数据的聚合和分组 8. 时间序列的时间区间和偏移量操作 示例代码&…...

编程日记 2024/7/11 12:37:04

常用知识碎片 分页组件的使用(arco-design组件库)

目录 分页组件使用 API 组件代码示例 使用思路&#xff1a; 前端示例代码 html script 后端示例代码 Controller Impl xml 总结 分页组件使用 使用Arco Design之前需要配置好搭建前端环境可以看我另外一篇文章&#xff1a; 手把手教你 创建Vue项目并引入Arco Desi…...

编程日记 2024/7/11 12:36:03

WPF 制作一个文字漂浮提示框

WPF好像没有自带的文字提示漂浮&#xff0c;我们可以定制一个。 效果如下&#xff1a; xaml xaml如下&#xff1a; <Window x:Class"GroupServer.MsgTip"xmlns"http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x"http://sc…...

编程日记 2024/7/11 12:35:01

Node.js_fs模块

文件删除 文件重命名和移动&#xff08;本质都是修改路径&#xff09; 文件夹操作 创建文件夹(mkdir) 读取文件夹(readdir) &#xff08;打印出来是该文件夹下名称的数组形式&#xff09; 读取当前的文件夹(readdir) 删除文件夹 &#xff08;rmdir&#xff09; 查看资源状态…...

编程日记 2024/7/11 12:34:01

使用 Vue 3 实现打字机效果

在现代前端开发中&#xff0c;添加一些视觉效果可以提升用户体验。其中&#xff0c;打字机效果是一种常见且吸引人的效果&#xff0c;可以用于展示动态文本。本文将介绍如何在 Vue 3 中实现打字机效果。 实现步骤 1. 创建自定义指令 我们首先创建一个自定义指令 v-typewriter…...

编程日记 2024/7/11 12:33:00

unordered_map和set

前言&#xff1a;本篇文章继续分享新的容器unordered_map和set。前边我们分享过map和set&#xff0c;其底层为红黑树&#xff0c;而unordered_map和set的底层则为哈希表&#xff0c;因此在unordered_map和set的实现中&#xff0c;我们可以效仿许多在map和set的中就分享过的一些…...

编程日记 2024/7/11 12:31:59

java：运用字节缓冲输入流将文件中的数据写到集合中

代码主要是将文本文件中的数据写到集合中&#xff0c;运用到的是java字节缓冲输入流的知识点。 public static void main(String[] args) throws IOException {//创建字符缓冲流输入对象BufferedReader bufferedReader new BufferedReader(new FileReader("student.txt&q…...

编程日记 2024/7/11 12:30:58

【机器学习】支持向量机与主成分分析在机器学习中的应用

文章目录 一、支持向量机概述什么是支持向量机&#xff1f;超平面和支持向量大边距直觉 二、数据预处理与可视化数据集的基本信息导入必要的库加载数据集数据概况数据可视化特征对的散点图矩阵类别分布条形图平均面积与平均光滑度的散点图变量之间的相关性热图 三、模型训练&am…...

编程日记 2024/7/11 12:28:56

SpringBoot项目架构实战之“网关zuul搭建“

第三章 网关zuul搭建 前言&#xff1a; 1、主要功能 zuul主要提供动态路由&#xff08;内置ribbon实现&#xff09;和过滤&#xff08;可以做统一鉴权过滤器、灰度发布过滤器、黑白名单IP过滤器、服务限流过滤器&#xff08;可以配合Sentinel实现&#xff09;&#xff09;功能…...

编程日记 2024/7/11 12:27:56

发挥储能系统领域优势，海博思创坚定不移推动能源消费革命

随着新发展理念的深入贯彻&#xff0c;我国正全面落实“双碳”目标任务&#xff0c;通过积极转变能源消费方式&#xff0c;大幅提升能源利用效率&#xff0c;实现了以年均约3.3%的能源消费增长支撑了年均超过6%的国民经济增长。这一成就的背后&#xff0c;是我国能源结构的持续…...

编程日记 2024/7/11 12:24:53

matlab R2016b安装cplex12.6,测试时cplex出现出现内部错误的解决方法

问题场景 网上搜索matlabyalmipcplex的安装教程&#xff0c;跟着步骤操作即可&#xff0c;假如都安装好了&#xff0c;在matlab中测试安装是否成功&#xff0c;出现以下问题&#xff1a; 1、matlab中设置路径中添加了yalmip和cplex路径&#xff0c;在命令窗口中输入yalmiptest…...

编程日记 2024/7/11 12:22:51

C#中的Dictionary

Dictionary<TKey, TValue> 是一个泛型集合&#xff0c;它存储键值对&#xff08;key-value pairs&#xff09;&#xff0c;其中每个键&#xff08;key&#xff09;都是唯一的。这个集合类提供了快速的数据插入和检索功能&#xff0c;因为它是基于哈希表实现的。 注意 ke…...

编程日记 2024/7/11 12:21:50

VSCode中多行文本的快速前后缩进

快捷键 VSCode提供了一组快捷键&#xff0c;用于快速调整选中文本行的缩进。 增加缩进&#xff08;向前缩进&#xff09;&#xff1a;在Windows和Linux上按 Tab 键&#xff0c;在Mac上按 ⇧⇥&#xff08;Shift Tab&#xff09;。减少缩进&#xff08;向后缩进&#xff09;&…...

编程日记 2024/7/11 12:20:49

C# 8.0 新语法的学习和使用

C# 8.0 是微软在 2019 年 9 月 23 日随 .NET Core 3.0 一同发布的一个重要版本更新&#xff0c;带来了许多新的语言特性和改进。本文将详细介绍 C# 8.0 的新语法&#xff0c;并通过实际应用案例展示这些新特性的使用方法。 目录 1. 可空引用类型 2. 异步流 3. 默认接口方…...

编程日记 2024/7/11 12:19:48

数据结构——约瑟夫环C语言链表实现

约瑟夫环问题由古罗马史学家约瑟夫&#xff08;Josephus&#xff09;提出&#xff0c;他参加并记录了公元66—70年犹太人反抗罗马的起义。在城市沦陷之后&#xff0c;他和40名死硬的将士在附近的一个洞穴中避难。起义者表示“宁为玉碎不为瓦全”&#xff0c;约瑟夫则想“留得青…...

编程日记 2024/7/11 12:18:47

【MyBatis】——入门基础知识必会内容

&#x1f3bc;个人主页&#xff1a;【Y小夜】 &#x1f60e;作者简介&#xff1a;一位双非学校的大二学生&#xff0c;编程爱好者&#xff0c; 专注于基础和实战分享&#xff0c;欢迎私信咨询&#xff01; &#x1f386;入门专栏&#xff1a;&#x1f387;【MySQL&#xff0…...

编程日记 2024/7/11 12:17:46

react父调用子的方法，子调用父的方法

父调用子的方法 // 子组件 import React, { useRef, useEffect } from react;const ChildComponent ({ childMethodRef }) > {const childMethod useRef(null);useEffect(() > {childMethodRef.current childMethod;}, []);const someMethod () > {console.log(子…...

编程日记 2024/7/11 12:16:45

C#知识|账号管理系统：UI层-添加账号窗体设计思路及流程。

哈喽，你好啊，我是雷工！ 前边练习过详情页窗体的设计思路及流程： 《C#知识|上位机UI设计-详情窗体设计思路及流程（实例）》 本节练习添加账号窗体的UI设计，以下为学习笔记。 01 效果展示 02 添加窗体 在UI层添加Windows窗体，设置名称为：FrmAddAcount.cs 设置窗体属…...

编程日记 2024/7/11 12:15:44

【机器学习】初学者经典案例（随记）

&#x1f388;边走、边悟&#x1f388;迟早会好 一、概念 机器学习是一种利用数据来改进模型性能的计算方法&#xff0c;属于人工智能的一个分支。它旨在让计算机系统通过经验自动改进&#xff0c;而不需要明确编程。 类型 监督学习&#xff1a;使用带标签的数据进行训练&…...

编程日记 2024/7/11 12:13:42

进阶版智能家居系统Demo[C#]：整合AI和自动化

引言 在基础智能家居系统的基础上&#xff0c;我们将引入更多高级功能&#xff0c;包括AI驱动的自动化控制、数据分析和预测。这些进阶功能将使智能家居系统更加智能和高效。 目录 高级智能家居功能概述使用C#和AI实现智能家居自动化实现智能照明系统的高级功能 自动调节亮度…...

编程日记 2024/7/11 12:12:41

IC后端设计中的shrink系数设置方法

我正在「拾陆楼」和朋友们讨论有趣的话题，你⼀起来吧？ 拾陆楼知识星球入口 在一些成熟的工艺节点通过shrink的方式（光照过程中缩小特征尺寸比例）得到了半节点，比如40nm从45nm shrink得到，28nm从32nm shrink得到，由于半节点的性能更优异，成本又低，漏电等不利因素也可以…...

编程日记 2024/7/11 12:11:40

在NVIDIA Jetson平台离线部署大模型

在NVIDIA Jetson平台离线部署大模型&#xff0c;开启离线具身智能新纪元。 本项目提供一种将LMDeploy移植到NVIDIA Jetson系列边缘计算卡的方法&#xff0c;并在Jetson计算卡上运行InternLM系列大模型&#xff0c;为离线具身智能提供可能。 最新新闻&#x1f389; [2024/3/1…...

编程日记 2024/7/11 12:10:39

51单片机嵌入式开发：8、 STC89C52RC 操作LCD1602原理

STC89C52RC 操作LCD1602原理 1 LCD1602概述1.1 LCD1602介绍1.2 LCD1602引脚说明1.3 LCD1602指令介绍 2 LCD1602外围电路2.1 LCD1602接线方法2.2 LCD1602电路原理 3 LCD1602软件操作3.1 LCD1602显示3.2 LCD1602 protues仿真 4 总结 1 LCD1602概述 1.1 LCD1602介绍 LCD1602是一种…...

编程日记 2024/7/11 12:09:38

数字化时代的供应链管理综合解决方案

目录 引言背景与意义供应链管理综合解决方案的目标 &#x1f4c4;供应链管理系统主要功能系统优势 &#x1f4c4;物流管理系统主要功能系统优势 &#x1f4c4;订单管理系统主要功能应用场景 &#x1f4c4;仓储管理系统系统亮点主要功能系统优势 &#x1f4c4;商城管理系统主要功…...

编程日记 2024/7/11 12:07:37

CentOS 安装 annie/lux，以及 annie/lux 的使用

annie 介绍 如果第一次听到 annie 想必都会觉得陌生&#xff0c;annie 被大家称为视频下载神器&#xff0c;annie 作者介绍说可以下载抖音、哔哩哔哩、优酷、爱奇艺、芒果TV、YouTube、Tumblr、Vimeo 等平台的视频。 githup&#xff1a;https://github.com/pingf/annie 支持…...

编程日记 2024/7/11 12:06:36

拥抱UniHttp，规范Http接口对接之旅

前言 如果你项目里还在用传统的编程式Http客户端比如HttpClient、Okhttp去直接对接第三方Http接口&#xff0c; 那么你项目一定充斥着大量的对接逻辑和代码&#xff0c; 并且针对不同的对接渠道方需要每次封装一次调用的简化&#xff0c; 一旦封装不好系统将会变得难以维护&am…...

编程日记 2024/7/11 12:05:34

做微网站的公司哪家好呢/网站维护

88. 合并两个有序数组 倒过来遍历即可。 空间复杂度&#xff1a;O(1)O(1)O(1) class Solution { public:void merge(vector<int>& nums1, int m, vector<int>& nums2, int n) {int p1 m - 1, p2 n - 1;int tail m n - 1;int cur;while (p1 > 0 || …...

编程日记 2024/11/3 0:22:28

工 投标做哪个网站好/网站域名查询官网

Oracle 在9i以后&#xff0c;可以利用DBMS_METADATA.GET_DDL包得到数据库的对象的ddl脚本。如下&#xff08;SQLPLUS中执行&#xff09;&#xff1a; 1. 获取单个的建表、视图和建索引的语法set pagesize 0set long 90000set feedback offset echo offspool DEPT.sqlselect dbm…...

编程日记 2024/11/2 20:40:45

学电子商务有用吗/seo网络优化软件

因为经常要涉及到版本号的判断&#xff0c;经常记不住特来记录下供下次查阅 版本号判断代码&#xff1a; if(Build.VERSION.SDK_INT > Build.VERSION_CODES.Q){//>安卓10的逻辑部分 }API 版本号版本名称英文名称194.4KITKAT204.4KITKAT_WATCH215.0LOLLIPOP225.1LOLL…...

编程日记 2024/11/2 20:20:40

白日梦怎么做的网站/我想做app推广代理

众所周知 Vue 是借助 ES5 的 Object.defineProperty 方法设置 getter、setter 达到数据驱动界面&#xff0c;当然其中还有模板编译等等其他过程。 而小程序官方的 api 是在 Page 中调用 this.setData 方法来改变数据&#xff0c;从而改变界面。 那么假如我们将两者结合一下&…...

编程日记 2024/11/2 19:30:11

四川住房建设厅网站首页/官方百度下载安装

&#x1f4a5;&#x1f4a5;&#x1f49e;&#x1f49e;欢迎来到本博客❤️❤️&#x1f4a5;&#x1f4a5;&#x1f3c6;博主优势&#xff1a;&#x1f31e;&#x1f31e;&#x1f31e;博客内容尽量做到思维缜密&#xff0c;逻辑清晰&#xff0c;为了方便读者。⛳座右铭&#…...

编程日记 2024/11/2 16:49:04

360网站制作潍坊/网络营销案例分析题

2019独角兽企业重金招聘Python工程师标准>>> 想当初我是新手&#xff0c;对plist的操作也是一知半解&#xff0c;想发个贴&#xff0c;让大家可以方便一点&#xff0c;解除疑惑&#xff0c;先说明很多人不知道操作plist的一个主要原因是因为很多人把plist建在了工程…...

编程日记 2024/11/2 14:31:26