基于STM32+华为云IOT设计的智能垃圾桶
一、项目介绍
在商业街、小吃街和景区等人流密集的场所,垃圾桶的及时清理对于提供良好的游客体验至关重要。然而,传统的垃圾桶清理方式通常是定时或定期进行,无法根据实际情况进行及时响应,导致垃圾桶溢满,影响环境卫生,给游客带来不便和不满。
为了解决这一问题,本项目基于STM32F103ZET6主控芯片和华为云物联网平台,设计了一套智能垃圾桶管理系统。该系统通过NBIOT-BC26模块连接到华为云物联网平台,实现了垃圾桶数据的实时采集和上传。
在本地,垃圾桶通过多种传感器进行数据采集。使用DHT11模块实时监测环境温度和湿度,以了解垃圾桶所处环境的状态。采用中科微电子出品的GPS模块,通过串口输出GPS数据,实现垃圾桶的定位功能。垃圾桶口还配备了红外传感器,用于检测垃圾桶是否已满。
通过NBIOT-BC26模块,采集到的数据被实时上传到华为云物联网平台。在保洁人员管理中心,开发了一个数据大屏,采用Qt开发,运行在Windows系统下。数据大屏展示了该区域内垃圾桶的详细情况,包括环境温度、湿度、GPS定位和垃圾桶的满溢状态。
当垃圾桶满了时,上位机会实时发送短信通知保洁人员进行清理,并提供垃圾桶的位置信息,以便保洁人员快速响应并进行清理操作。
通过这套智能垃圾桶管理系统,垃圾桶的清理可以根据实际情况进行及时调度,提高了垃圾桶的使用效率,改善了环境卫生状况,提升了游客的体验感。同时,保洁人员能够更加高效地管理垃圾桶,提升工作效率,减少资源浪费。整个系统的设计在提供一个智能、高效的垃圾桶管理解决方案,为公共场所的环境卫生管理带来便利和改进。
二、设计思路总结
2.1 硬件选型
【1】主控芯片:STM32F103ZET6
- STM32F103系列是意法半导体(STMicroelectronics)推出的低功耗、高性能的32位ARM Cortex-M3微控制器系列。选择STM32F103ZET6作为主控芯片,是因为它具有较高的计算能力和丰富的外设接口,能够满足项目的需求。
【2】通信模块:NBIOT-BC26
- NBIOT-BC26是一种窄带物联网(NB-IoT)通信模块,支持低功耗、广覆盖、远距离的物联网通信。它能够将垃圾桶采集到的数据通过NB-IoT网络上传到云平台,实现实时监测和远程管理。
【3】传感器模块:
- DHT11模块:用于采集环境温度和湿度数据。DHT11是一种低成本、数字式温湿度传感器,具有简单的接口和良好的性能,适用于本项目的温湿度监测需求。
- GPS模块:用于实现垃圾桶的定位功能。选择中科微电子出品的GPS模块,通过串口输出GPS数据,能够准确获取垃圾桶的位置信息。
- 红外传感器:用于检测垃圾桶是否已满。红外传感器能够通过红外线的反射来判断垃圾桶内是否有垃圾,从而判断垃圾桶的满溢状态。
【5】数据大屏:采用Qt开发,运行在Windows系统下。数据大屏通过图形界面展示垃圾桶的详细情况,包括环境温度、湿度、GPS定位和垃圾桶的满溢状态。
项目的硬件选型包括主控芯片、通信模块、传感器模块、红外传感器和数据大屏。这些硬件组件相互配合,实现了智能垃圾桶管理系统的功能,包括数据采集、通信传输、定位功能和信息展示。
2.2 硬件设计
【1】主控芯片选择:
作为整个系统的核心,选择了STM32F103ZET6作为主控芯片。该芯片具有较高的计算能力和丰富的外设接口,能够满足项目的需求。主控芯片负责与各个硬件模块进行通信和数据处理,同时控制通信模块的数据传输。
【2】通信模块选择:
为了实现垃圾桶数据的实时采集和上传,选择了NBIOT-BC26通信模块。NBIOT-BC26支持窄带物联网通信,具有低功耗、广覆盖和远距离传输的特点,能够将采集到的数据通过NB-IoT网络上传到华为云物联网平台。
【3】传感器模块选择:
- DHT11模块用于采集环境温度和湿度数据。DHT11是一种低成本、数字式温湿度传感器,通过数字信号输出温湿度数值,具有简单的接口和良好的性能,适用于本项目的温湿度监测需求。
- GPS模块用于实现垃圾桶的定位功能。选择中科微电子出品的GPS模块,通过串口输出GPS数据,能够准确获取垃圾桶的位置信息。
- 红外传感器设计:
为了检测垃圾桶是否已满,采用红外传感器。红外传感器能够通过红外线的反射来判断垃圾桶内是否有垃圾,从而判断垃圾桶的满溢状态。红外传感器与主控芯片相连,通过数字输入口接收传感器的信号,并进行处理判断。
【4】数据大屏设计:
数据大屏采用Qt开发,运行在Windows系统下。通过图形界面展示垃圾桶的详细情况,包括环境温度、湿度、GPS定位和垃圾桶的满溢状态。主控芯片通过与数据大屏的通信接口实时传输数据,数据大屏根据接收到的数据进行展示。
整个硬件设计思路是将各个硬件模块与主控芯片相连接,通过主控芯片的控制和数据处理,实现数据的采集、通信传输、定位功能和信息展示。通过合理选择硬件组件,并进行适当的连接和接口设计,实现了智能垃圾桶管理系统的功能。
2.3 软件设计
【1】系统架构设计:
软件设计的第一步是确定系统的整体架构。根据项目需求,可以采用分层架构设计,将系统划分为应用层、业务逻辑层和驱动层。应用层负责与用户交互,业务逻辑层处理具体的业务逻辑,驱动层与硬件模块进行通信和控制。
【2】硬件驱动设计:
针对每个硬件模块,需要编写相应的驱动程序。主控芯片与通信模块、传感器模块和红外传感器进行通信,通过串口、I2C、SPI等接口与它们进行数据交互。每个硬件模块的驱动程序应包括初始化、数据采集和控制等功能。
【3】数据处理与逻辑控制:
主控芯片负责接收来自各个硬件模块的数据,并进行处理和逻辑控制。例如,从DHT11传感器读取温湿度数据后,可以进行数据的校验和转换,然后根据设定的阈值判断是否需要进行烘干操作。同时,主控芯片还负责控制红外传感器进行垃圾桶满溢状态的检测。
【4】通信与数据上传:
通过NBIOT-BC26通信模块,将采集到的数据通过NB-IoT网络上传到华为云物联网平台。主控芯片与通信模块进行通信,将需要上传的数据打包成相应的格式,并通过串口等接口发送给通信模块,实现数据的上传。
【5】用户界面设计:
软件还需要设计用户界面,以便用户可以直观地查看垃圾桶的状态和数据信息。可以使用Qt等工具进行界面设计,展示环境温度、湿度、GPS定位和垃圾桶的满溢状态等信息。用户界面与主控芯片进行通信,接收数据并进行展示。
整个软件设计思路是基于系统架构设计,通过硬件驱动、数据处理与逻辑控制、通信与数据上传以及用户界面设计等模块的开发,实现智能垃圾桶管理系统的功能。软件设计需要与硬件设计相结合,保证数据的采集、处理、传输和展示的协调运作。
2.4 系统交互流程
【1】用户打开智能垃圾桶管理系统的应用程序。
【2】系统初始化:
- 系统进行硬件初始化,包括主控芯片、通信模块、传感器模块和红外传感器的初始化。
- 确保通信模块连接到NB-IoT网络,并与华为云物联网平台建立通信连接。
【3】环境监测:
- 系统开始监测环境温度和湿度,并获取垃圾桶的定位信息。主控芯片通过DHT11传感器获取温湿度数据,通过GPS模块获取垃圾桶的位置信息。
【4】数据处理与逻辑控制:
- 主控芯片对采集到的数据进行处理和逻辑控制。可以根据温度和湿度数据判断垃圾桶是否需要进行清理,并通过红外传感器检测垃圾桶的满溢状态。
【5】数据上传:
- 主控芯片将处理后的数据通过通信模块上传到华为云物联网平台。数据可以包括环境温度、湿度、GPS定位和垃圾桶的满溢状态等信息。
- 上传的数据可以以JSON等格式进行打包,通过NB-IoT网络传输到华为云物联网平台。
【6】数据展示:
- 用户界面接收从主控芯片传输过来的数据,并进行展示。用户可以在界面上查看环境温度、湿度、GPS定位和垃圾桶的满溢状态等信息。
- 数据展示可以通过图表、文字、图像等形式进行呈现,以便用户直观地了解系统的状态和数据信息。
整个系统的交互流程涉及到硬件模块的数据采集、主控芯片的数据处理与逻辑控制、通信模块的数据上传以及用户界面的数据展示和用户交互。通过这些步骤,用户可以方便地监测和管理智能垃圾桶的状态和数据信息。
三、部署华为云物联网平台
华为云官网: https://www.huaweicloud.com/
打开官网,搜索物联网,就能快速找到 设备接入IoTDA
。
3.1 物联网平台介绍
华为云物联网平台(IoT 设备接入云服务)提供海量设备的接入和管理能力,将物理设备联接到云,支撑设备数据采集上云和云端下发命令给设备进行远程控制,配合华为云其他产品,帮助我们快速构筑物联网解决方案。
使用物联网平台构建一个完整的物联网解决方案主要包括3部分:物联网平台、业务应用和设备。
物联网平台作为连接业务应用和设备的中间层,屏蔽了各种复杂的设备接口,实现设备的快速接入;同时提供强大的开放能力,支撑行业用户构建各种物联网解决方案。
设备可以通过固网、2G/3G/4G/5G、NB-IoT、Wifi等多种网络接入物联网平台,并使用LWM2M/CoAP、MQTT、HTTPS协议将业务数据上报到平台,平台也可以将控制命令下发给设备。
业务应用通过调用物联网平台提供的API,实现设备数据采集、命令下发、设备管理等业务场景。
3.2 开通物联网服务
地址: https://www.huaweicloud.com/product/iothub.html
进来默认会提示开通标准版,在2023的1月1号年之后没有基础版了。
开通之后,点击总览
,查看接入信息。 我们当前设备准备采用MQTT协议接入华为云平台,这里可以看到MQTT协议的地址和端口号等信息。
总结:
端口号: MQTT (1883)| MQTTS (8883)
接入地址: 7445c6bcd3.st1.iotda-app.cn-north-4.myhuaweicloud.com
根据域名地址得到IP地址信息:
Microsoft Windows [版本 10.0.19044.2728]
(c) Microsoft Corporation。保留所有权利。C:\Users\11266>ping 7445c6bcd3.st1.iotda-device.cn-north-4.myhuaweicloud.com正在 Ping 7445c6bcd3.st1.iotda-device.cn-north-4.myhuaweicloud.com [117.78.5.125] 具有 32 字节的数据:
来自 117.78.5.125 的回复: 字节=32 时间=42ms TTL=30
来自 117.78.5.125 的回复: 字节=32 时间=35ms TTL=30
来自 117.78.5.125 的回复: 字节=32 时间=36ms TTL=30
来自 117.78.5.125 的回复: 字节=32 时间=36ms TTL=30117.78.5.125 的 Ping 统计信息:数据包: 已发送 = 4,已接收 = 4,丢失 = 0 (0% 丢失),
往返行程的估计时间(以毫秒为单位):最短 = 35ms,最长 = 42ms,平均 = 37msC:\Users\11266>
MQTT协议接入端口号有两个,1883是非加密端口,8883是证书加密端口,单片机无法加载证书,所以使用1883端口比较合适。 接下来的ESP8266就采用1883端口连接华为云物联网平台。
3.3 创建产品
(1)创建产品
点击产品页,再点击左上角创建产品。
(2)填写产品信息
根据自己产品名字填写。
(3)产品创建成功
(4)添加自定义模型
产品创建完成之后,点击进入产品详情页面,翻到最下面可以看到模型定义。
先点击自定义模型。
再创建一个服务ID。
接着点击新增属性。
3.4 添加设备
产品是属于上层的抽象模型,接下来在产品模型下添加实际的设备。添加的设备最终需要与真实的设备关联在一起,完成数据交互。
(1)注册设备
(2)根据自己的设备填写
(3)保存设备信息
创建完毕之后,点击保存并关闭,得到创建的设备密匙信息。该信息在后续生成MQTT三元组的时候需要使用。
(4) 设备创建完成
3.5 MQTT协议主题订阅与发布
(1)MQTT协议介绍
当前的设备是采用MQTT协议与华为云平台进行通信。
MQTT是一个物联网传输协议,它被设计用于轻量级的发布/订阅式消息传输,在为低带宽和不稳定的网络环境中的物联网设备提供可靠的网络服务。MQTT是专门针对物联网开发的轻量级传输协议。MQTT协议针对低带宽网络,低计算能力的设备,做了特殊的优化,使得其能适应各种物联网应用场景。目前MQTT拥有各种平台和设备上的客户端,已经形成了初步的生态系统。
MQTT是一种消息队列协议,使用发布/订阅消息模式,提供一对多的消息发布,解除应用程序耦合,相对于其他协议,开发更简单;MQTT协议是工作在TCP/IP协议上;由TCP/IP协议提供稳定的网络连接;所以,只要具备TCP协议栈的网络设备都可以使用MQTT协议。 本次设备采用的ESP8266就具备TCP协议栈,能够建立TCP连接,所以,配合STM32代码里封装的MQTT协议,就可以与华为云平台完成通信。
华为云的MQTT协议接入帮助文档在这里: https://support.huaweicloud.com/devg-iothub/iot_02_2200.html
业务流程:
(2)华为云平台MQTT协议使用限制
描述 | 限制 |
---|---|
支持的MQTT协议版本 | 3.1.1 |
与标准MQTT协议的区别 | 支持Qos 0和Qos 1支持Topic自定义不支持QoS2不支持will、retain msg |
MQTTS支持的安全等级 | 采用TCP通道基础 + TLS协议(最高TLSv1.3版本) |
单帐号每秒最大MQTT连接请求数 | 无限制 |
单个设备每分钟支持的最大MQTT连接数 | 1 |
单个MQTT连接每秒的吞吐量,即带宽,包含直连设备和网关 | 3KB/s |
MQTT单个发布消息最大长度,超过此大小的发布请求将被直接拒绝 | 1MB |
MQTT连接心跳时间建议值 | 心跳时间限定为30至1200秒,推荐设置为120秒 |
产品是否支持自定义Topic | 支持 |
消息发布与订阅 | 设备只能对自己的Topic进行消息发布与订阅 |
每个订阅请求的最大订阅数 | 无限制 |
(3)主题订阅格式
帮助文档地址:https://support.huaweicloud.com/devg-iothub/iot_02_2200.html
对于设备而言,一般会订阅平台下发消息给设备 这个主题。
设备想接收平台下发的消息,就需要订阅平台下发消息给设备 的主题,订阅后,平台下发消息给设备,设备就会收到消息。
如果设备想要知道平台下发的消息,需要订阅上面图片里标注的主题。
以当前设备为例,最终订阅主题的格式如下:
$oc/devices/{device_id}/sys/messages/down最终的格式:
$oc/devices/6419627e40773741f9fbdac7_dev1/sys/messages/down
(4)主题发布格式
对于设备来说,主题发布表示向云平台上传数据,将最新的传感器数据,设备状态上传到云平台。
这个操作称为:属性上报。
帮助文档地址:https://support.huaweicloud.com/usermanual-iothub/iot_06_v5_3010.html
根据帮助文档的介绍, 当前设备发布主题,上报属性的格式总结如下:
发布的主题格式:
$oc/devices/{device_id}/sys/properties/report最终的格式:
$oc/devices/6419627e40773741f9fbdac7_dev1/sys/properties/report
发布主题时,需要上传数据,这个数据格式是JSON格式。上传的JSON数据格式如下:{"services": [{"service_id": <填服务ID>,"properties": {"<填属性名称1>": <填属性值>,"<填属性名称2>": <填属性值>,..........}}]
}
根据JSON格式,一次可以上传多个属性字段。 这个JSON格式里的,服务ID,属性字段名称,属性值类型,在前面创建产品的时候就已经介绍了,不记得可以翻到前面去查看。根据这个格式,组合一次上传的属性数据:
{"services": [{"service_id": "stm32","properties":{"DS18B20":18,"motor_water":1,"motor_oxygen":1,"temp_max":10,"water_hp":130,"motor_food":0,"time_food":0,"oxygen_food":3}}]}
3.6 MQTT三元组
MQTT协议登录需要填用户ID,设备ID,设备密码等信息,就像我们平时登录QQ,微信一样要输入账号密码才能登录。MQTT协议登录的这3个参数,一般称为MQTT三元组。
接下来介绍,华为云平台的MQTT三元组参数如何得到。
(1)MQTT服务器地址
要登录MQTT服务器,首先记得先知道服务器的地址是多少,端口是多少。
帮助文档地址:https://console.huaweicloud.com/iotdm/?region=cn-north-4#/dm-portal/home
MQTT协议的端口支持1883和8883,它们的区别是:8883 是加密端口更加安全。但是单片机上使用比较困难,所以当前的设备是采用1883端口进连接的。
根据上面的域名和端口号,得到下面的IP地址和端口号信息: 如果设备支持填写域名可以直接填域名,不支持就直接填写IP地址。 (IP地址就是域名解析得到的)
华为云的MQTT服务器地址:114.116.232.138
域名:7445c6bcd3.st1.iotda-device.cn-north-4.myhuaweicloud.com
华为云的MQTT端口号:1883
(2)生成MQTT三元组
华为云提供了一个在线工具,用来生成MQTT鉴权三元组: https://iot-tool.obs-website.cn-north-4.myhuaweicloud.com/
打开这个工具,填入设备的信息(也就是刚才创建完设备之后保存的信息),点击生成,就可以得到MQTT的登录信息了。
下面是打开的页面:
填入设备的信息: (上面两行就是设备创建完成之后保存得到的)
直接得到三元组信息。
得到三元组之后,设备端通过MQTT协议登录鉴权的时候,填入参数即可。
ClientId 6419627e40773741f9fbdac7_dev1_0_0_2023032108
Username 6419627e40773741f9fbdac7_dev1
Password 861ac9e6a579d36888b2aaf97714be7af6c77017b017162884592bd68b086a6e
3.7 模拟设备登录测试
经过上面的步骤介绍,已经创建了产品,设备,数据模型,得到MQTT登录信息。 接下来就用MQTT客户端软件模拟真实的设备来登录平台。测试与服务器通信是否正常。
(1)填入登录信息
打开MQTT客户端软件,对号填入相关信息(就是上面的文本介绍)。然后,点击登录,订阅主题,发布主题。
(2)打开网页查看
完成上面的操作之后,打开华为云网页后台,可以看到设备已经在线了。
点击详情页面,可以看到上传的数据。
到此,云平台的部署已经完成,设备已经可以正常上传数据了。
四、上位机开发
为了方便查看设备上传的数据,对设备进行远程控制,接下来利用Qt开发一款Android和windows系统的上位机。
使用华为云平台提供的API接口获取设备上传的数据,也可以给设备下发指令,控制设备。
为了方便查看设备上传的数据,对设备进行远程控制,接下来利用Qt开发一款Android和windows系统的上位机。
使用华为云平台提供的API接口获取设备上传的数据,也可以给设备下发指令,控制设备。
4.1 Qt开发环境安装
Qt的中文官网: https://www.qt.io/zh-cn/
QT5.12.6的下载地址:https://download.qt.io/archive/qt/5.12/5.12.6
打开下载链接后选择下面的版本进行下载:
qt-opensource-windows-x86-5.12.6.exe 13-Nov-2019 07:28 3.7G Details
软件安装时断网安装,否则会提示输入账户。
安装的时候,第一个复选框里勾选一个mingw 32
编译器即可,其他的不管默认就行,直接点击下一步继续安装。
说明: 我这里只是介绍PC端的环境搭建(这个比较简单)。 Android的开发环境比较麻烦,可以去我的博客里看详细文章。
选择MinGW 32-bit 编译器:
4.2 创建IAM账户
创建一个IAM账户,因为接下来开发上位机,需要使用云平台的API接口,这些接口都需要token进行鉴权。简单来说,就是身份的认证。 调用接口获取Token时,就需要填写IAM账号信息。所以,接下来演示一下过程。
地址: https://console.huaweicloud.com/iam/?region=cn-north-4#/iam/users
获取Token时,除了AIM账号外,还需要项目凭证:
faa0973835ab409ab48182e2590f4ad3
鼠标点击自己昵称,点击统一身份认证。
点击左上角创建用户
。
创建成功:
4.3 获取影子数据
帮助文档:https://support.huaweicloud.com/api-iothub/iot_06_v5_0079.html
设备影子介绍:
设备影子是一个用于存储和检索设备当前状态信息的JSON文档。
每个设备有且只有一个设备影子,由设备ID唯一标识
设备影子仅保存最近一次设备的上报数据和预期数据
无论该设备是否在线,都可以通过该影子获取和设置设备的属性
简单来说:设备影子就是保存,设备最新上传的一次数据。
我们设计的软件里,如果想要获取设备的最新状态信息,就采用设备影子接口。
如果对接口不熟悉,可以先进行在线调试:https://apiexplorer.developer.huaweicloud.com/apiexplorer/doc?product=IoTDA&api=ShowDeviceShadow
在线调试接口,可以请求影子接口,了解请求,与返回的数据格式。
设备影子接口返回的数据如下:
{"device_id": "6419627e40773741f9fbdac7_dev1","shadow": [{"service_id": "stm32","desired": {"properties": null,"event_time": null},"reported": {"properties": {"DS18B20": 18,"motor_water": 1,"motor_oxygen": 1,"temp_max": 10,"water_hp": 130,"motor_food": 0,"time_food": 0,"oxygen_food": 3},"event_time": "20230321T081126Z"},"version": 0}]
}
4.4 修改设备属性
地址: https://support.huaweicloud.com/api-iothub/iot_06_v5_0034.html
接口说明
设备的产品模型中定义了物联网平台可向设备下发的属性,应用服务器可调用此接口向指定设备下发属性。平台负责将属性以同步方式发送给设备,并将设备执行属性结果同步返回。
修改设备属性的接口,可以让服务器给设备下发指令,如果需要控制设备。
在线调试地址:
https://apiexplorer.developer.huaweicloud.com/apiexplorer/doc?product=IoTDA&api=UpdateProperties
修改设备属性是属于同步命令,需要设备在线才可以进行调试,先使用MQTT客户端登录服务器,模拟设备上线。
然后进行调试,测试数据远程下发给设备。
【1】利用MQTT客户端先登录设备 (这是同步命令,必须在线才能调试)
【2】点击调试
{"services":{"temp_max":100}}
【4】可以看到,MQTT客户端软件上已经收到了服务器下发的消息
由于是同步命令,服务器必须要收到设备的响应才能顺利完成一个流程,设备响应了服务器才能确定数据下发成功。
MQTT设备端如何响应呢?
设备响应格式说明:https://support.huaweicloud.com/api-iothub/iot_06_v5_3008.html
下面进行实操:
当服务器通过在线调试,发送指令下来之后,客户端将请求ID复制下来,添加到发布主题的格式里,再回复回去,服务器收到了响应,一次属性修改就完美完成了。
就是成功的状态:
**下面是请求的总结: ** (响应服务器的修改设备属性请求)
上报主题的格式:$oc/devices/{device_id}/sys/properties/set/response/request_id=$oc/devices/6419627e40773741f9fbdac7_dev1/sys/properties/set/response/request_id=响应的数据:
{"result_code": 0,"result_desc": "success"}
4.5 设计上位机
前面2讲解了需要用的API接口,接下来就使用Qt设计上位机,设计界面,完成整体上位机的逻辑设计。
【1】新建Qt工程
选择工程路径,放在英文路径下。
创建完毕。
新建Android的模板:
【2】界面设计
【4】代码设计:配置参数读取与保存
/*
功能: 保存数据到文件
*/
void Widget::SaveDataToFile(QString text)
{/*保存数据到文件,方便下次加载*/QString file;file=QCoreApplication::applicationDirPath()+"/"+ConfigFile;QFile filesrc(file);filesrc.open(QIODevice::WriteOnly);QDataStream out(&filesrc);out << text; //序列化写字符串filesrc.flush();filesrc.close();
}/*
功能: 从文件读取数据
*/
QString Widget::ReadDataFile(void)
{//读取配置文件QString text,data;text=QCoreApplication::applicationDirPath()+"/"+ConfigFile;//判断文件是否存在if(QFile::exists(text)){QFile filenew(text);filenew.open(QIODevice::ReadOnly);QDataStream in(&filenew); // 从文件读取序列化数据in >> data; //提取写入的数据filenew.close();}return data; //返回值读取的值
}
【3】代码设计:云端数据解析
//解析反馈结果
void Widget::replyFinished(QNetworkReply *reply)
{QString displayInfo;int statusCode = reply->attribute(QNetworkRequest::HttpStatusCodeAttribute).toInt();//读取所有数据QByteArray replyData = reply->readAll();qDebug()<<"状态码:"<<statusCode;qDebug()<<"反馈的数据:"<<QString(replyData);//更新tokenif(function_select==3){displayInfo="token 更新失败.";//读取HTTP响应头的数据QList<QNetworkReply::RawHeaderPair> RawHeader=reply->rawHeaderPairs();qDebug()<<"HTTP响应头数量:"<<RawHeader.size();for(int i=0;i<RawHeader.size();i++){QString first=RawHeader.at(i).first;QString second=RawHeader.at(i).second;if(first=="X-Subject-Token"){Token=second.toUtf8();displayInfo="token 更新成功.";//保存到文件SaveDataToFile(Token);break;}}QMessageBox::information(this,"提示",displayInfo,QMessageBox::Ok,QMessageBox::Ok);return;}//判断状态码if(200 != statusCode){//解析数据QJsonParseError json_error;QJsonDocument document = QJsonDocument::fromJson(replyData, &json_error);if(json_error.error == QJsonParseError::NoError){//判断是否是对象,然后开始解析数据if(document.isObject()){QString error_str="";QJsonObject obj = document.object();QString error_code;//解析错误代码if(obj.contains("error_code")){error_code=obj.take("error_code").toString();error_str+="错误代码:";error_str+=error_code;error_str+="\n";}if(obj.contains("error_msg")){error_str+="错误消息:";error_str+=obj.take("error_msg").toString();error_str+="\n";}//显示错误代码QMessageBox::information(this,"提示",error_str,QMessageBox::Ok,QMessageBox::Ok);}}return;}//设置属性if(function_select==12 || function_select==13){//解析数据QJsonParseError json_error;QJsonDocument document = QJsonDocument::fromJson(replyData, &json_error);if(json_error.error == QJsonParseError::NoError){//判断是否是对象,然后开始解析数据if(document.isObject()){QJsonObject obj = document.object();if(obj.contains("response")){QJsonObject obj1=obj.take("response").toObject();int val=0;QString success;if(obj1.contains("result_code")){val=obj1.take("result_code").toInt();}if(obj1.contains("result_desc")){success=obj1.take("result_desc").toString();}if(val==0 && success =="success"){//显示状态QMessageBox::information(this,"提示","远程命令操作完成.",QMessageBox::Ok,QMessageBox::Ok);return;}else{//显示状态QMessageBox::information(this,"提示","设备未正确回应.请检查设备网络.",QMessageBox::Ok,QMessageBox::Ok);return;}}}}}//查询设备属性if(function_select==0){//解析数据QJsonParseError json_error;QJsonDocument document = QJsonDocument::fromJson(replyData, &json_error);if(json_error.error == QJsonParseError::NoError){//判断是否是对象,然后开始解析数据if(document.isObject()){QJsonObject obj = document.object();if(obj.contains("shadow")){QJsonArray array=obj.take("shadow").toArray();for(int i=0;i<array.size();i++){QJsonObject obj2=array.at(i).toObject();if(obj2.contains("reported")){QJsonObject obj3=obj2.take("reported").toObject();if(obj3.contains("properties")){QJsonObject properties=obj3.take("properties").toObject();qDebug()<<"开始解析数据....";}}}}}}return;}
}
五、代码实现
5.1 BC26连接云平台实现代码
下面是使用STM32F103ZET6和BC26连接华为云物联网平台实现MQTT设备登录、主题订阅和主题发布的实现代码:
#include "stdio.h"
#include "string.h"
#include "stdlib.h"// 定义华为云物联网平台的服务器地址、端口号、设备ID和设备密码
#define MQTT_SERVER "mqtt://xxxxxx.iotplatform.com" // 请替换为实际的服务器地址
#define MQTT_PORT 1883 // 请根据实际情况修改端口号
#define DEVICE_ID "your_device_id" // 请替换为实际的设备ID
#define DEVICE_PASSWORD "your_device_password" // 请替换为实际的设备密码// 定义MQTT相关的参数
#define MQTT_CLIENT_ID "your_client_id" // 请替换为实际的客户端ID
#define MQTT_TOPIC "your_topic" // 请替换为实际的主题// 定义MQTT消息接收回调函数
void mqtt_message_received(char *topic, char *payload) {printf("Received message on topic: %s\n", topic);printf("Payload: %s\n", payload);
}// 建立MQTT连接
void mqtt_connect() {// 连接到华为云物联网平台的MQTT服务器// 这里使用的是MQTT的QoS 1级别// 请根据实际情况修改QoS级别和其他参数char command[256];sprintf(command, "AT+QMTCFG=\"aliauth\",0,%d,\"%s\",\"%s\"", MQTT_PORT, DEVICE_ID, DEVICE_PASSWORD);printf("Sending command: %s\n", command);// 发送AT指令连接到MQTT服务器// ...// 订阅主题sprintf(command, "AT+QMTSUB=0,1,\"%s\",1", MQTT_TOPIC);printf("Sending command: %s\n", command);// 发送AT指令订阅主题// ...
}// 发布MQTT消息
void mqtt_publish(char *payload) {// 发布消息到指定的主题char command[256];sprintf(command, "AT+QMTPUB=0,0,0,0,\"%s\"", MQTT_TOPIC);printf("Sending command: %s\n", command);// 发送AT指令设置发布的主题// ...sprintf(command, "AT+QMTPUB=0,1,0,0,%d", strlen(payload));printf("Sending command: %s\n", command);// 发送AT指令设置消息的长度// ...printf("Sending payload: %s\n", payload);// 发送消息的内容// ...// 等待MQTT服务器返回发布结果// ...
}int main() {// 初始化串口和其他硬件模块// ...// 连接到华为云物联网平台的MQTT服务器mqtt_connect();// 进入主循环while (1) {// 处理其他任务// ...// 检查是否有需要发布的消息// 如果有,调用mqtt_publish函数发布消息// ...// 检查是否有接收到的MQTT消息// 如果有,调用mqtt_message_received函数处理消息// ...}return 0;
}
5.2 BC26模块的MQTT协议指令
BC26模块是一款支持NB-IoT通信技术的物联网模块,可以通过AT指令与外部设备进行通信和控制。
下面是BC26模块与MQTT协议相关的一些常用AT指令及其功能:
【1】AT+QMTOPEN:打开MQTT客户端连接。
- 功能:通过该指令连接到MQTT服务器。
- 参数:服务器地址、端口号、用户名和密码等。
- 示例:AT+QMTOPEN=0,“mqtt://xxxxxx.iotplatform.com”,1883
【2】AT+QMTCLOSE:关闭MQTT客户端连接。
- 功能:通过该指令关闭与MQTT服务器的连接。
- 参数:无。
- 示例:AT+QMTCLOSE=0
【3】AT+QMTCONN:建立MQTT连接。
- 功能:通过该指令建立与MQTT服务器的连接。
- 参数:客户端ID、用户名、密码等。
- 示例:AT+QMTCONN=0,“your_client_id”,“your_username”,“your_password”
【4】AT+QMTDISC:断开MQTT连接。
- 功能:通过该指令断开与MQTT服务器的连接。
- 参数:无。
- 示例:AT+QMTDISC=0
【5】AT+QMTSUB:订阅MQTT主题。
- 功能:通过该指令订阅指定的MQTT主题。
- 参数:主题、QoS级别等。
- 示例:AT+QMTSUB=0,1,“your_topic”,1
【6】AT+QMTUNS:取消订阅MQTT主题。
- 功能:通过该指令取消订阅指定的MQTT主题。
- 参数:主题。
- 示例:AT+QMTUNS=0,1,“your_topic”
【7】AT+QMTPUB:发布MQTT消息。
- 功能:通过该指令发布消息到指定的MQTT主题。
- 参数:主题、消息内容、QoS级别等。
- 示例:AT+QMTPUB=0,0,0,0,“your_topic”
【8】AT+QMTRECV:接收MQTT消息。
- 功能:通过该指令接收从MQTT服务器接收到的消息。
- 参数:无。
- 示例:AT+QMTRECV=0
这些是BC26模块中与MQTT协议相关的一些常用AT指令。
5.3 读取DHT11传感器的温湿度数据
以下是使用STM32F103ZET6读取DHT11传感器的温湿度数据的实现代码:
#include "stm32f10x.h"
#include "dht11.h"int main(void)
{// 初始化DHT11传感器DHT11_Init();while (1){// 读取DHT11传感器的温湿度数据DHT11_Result result = DHT11_Read();if (result.status == DHT11_OK){// 温度数据uint8_t temperature = result.temperature;// 湿度数据uint8_t humidity = result.humidity;// 在这里进行温湿度数据的处理和使用// ...// 延时一段时间后再次读取DelayMs(2000);}else{// 读取失败,可以进行相应的错误处理// ...}}
}
在主函数中,通过循环不断读取DHT11传感器的温湿度数据。如果读取成功,可以从result
结构体中获取温度和湿度数据,并进行相应的处理。如果读取失败,可以根据需要进行错误处理。
5.4 DHT11.c和DHT11.h代码
dht11.h:
#ifndef DHT11_H
#define DHT11_H#include "stm32f10x.h"typedef struct
{uint8_t status; // 读取状态,0表示成功,其他表示失败uint8_t humidity; // 湿度值uint8_t temperature; // 温度值
} DHT11_Result;void DHT11_Init(void);
DHT11_Result DHT11_Read(void);#endif
dht11.c:
#include "dht11.h"#define DHT11_PORT GPIOA
#define DHT11_PIN GPIO_Pin_0static void DHT11_Delay(uint32_t us)
{uint32_t count = us * 8;while (count--){__NOP();}
}static void DHT11_SetOutput(void)
{GPIO_InitTypeDef GPIO_InitStructure;GPIO_InitStructure.GPIO_Pin = DHT11_PIN;GPIO_InitStructure.GPIO_Mode = GPIO_Mode_Out_PP;GPIO_InitStructure.GPIO_Speed = GPIO_Speed_50MHz;GPIO_Init(DHT11_PORT, &GPIO_InitStructure);
}static void DHT11_SetInput(void)
{GPIO_InitTypeDef GPIO_InitStructure;GPIO_InitStructure.GPIO_Pin = DHT11_PIN;GPIO_InitStructure.GPIO_Mode = GPIO_Mode_IPU;GPIO_Init(DHT11_PORT, &GPIO_InitStructure);
}static uint8_t DHT11_ReadByte(void)
{uint8_t byte = 0;for (uint8_t i = 0; i < 8; i++){while (!GPIO_ReadInputDataBit(DHT11_PORT, DHT11_PIN)){// 等待低电平结束}DHT11_Delay(30);if (GPIO_ReadInputDataBit(DHT11_PORT, DHT11_PIN)){byte |= (1 << (7 - i));}while (GPIO_ReadInputDataBit(DHT11_PORT, DHT11_PIN)){// 等待高电平结束}}return byte;
}void DHT11_Init(void)
{GPIO_InitTypeDef GPIO_InitStructure;RCC_APB2PeriphClockCmd(RCC_APB2Periph_GPIOA, ENABLE);GPIO_InitStructure.GPIO_Pin = DHT11_PIN;GPIO_InitStructure.GPIO_Mode = GPIO_Mode_Out_PP;GPIO_InitStructure.GPIO_Speed = GPIO_Speed_50MHz;GPIO_Init(DHT11_PORT, &GPIO_InitStructure);GPIO_SetBits(DHT11_PORT, DHT11_PIN);
}DHT11_Result DHT11_Read(void)
{DHT11_Result result;result.status = 1;DHT11_SetOutput();GPIO_ResetBits(DHT11_PORT, DHT11_PIN);DHT11_Delay(18000);GPIO_SetBits(DHT11_PORT, DHT11_PIN);DHT11_Delay(20);DHT11_SetInput();if (!GPIO_ReadInputDataBit(DHT11_PORT, DHT11_PIN)){while (!GPIO_ReadInputDataBit(DHT11_PORT, DHT11_PIN)){// 等待低电平结束}while (GPIO_ReadInputDataBit(DHT11_PORT, DHT11_PIN)){// 等待高电平结束}uint8_t data[5];for (uint8_t i = 0; i < 5; i++){data[i] = DHT11_ReadByte();}uint8_t sum = data[0] + data[1] + data[2] + data[3];if (sum == data[4]){result.status = 0;result.humidity = data[0];result.temperature = data[2];}}return result;
}
dht11.h文件定义了DHT11传感器的初始化函数DHT11_Init()
和读取函数DHT11_Read()
,以及DHT11_Result结构体用于存储读取结果。
dht11.c文件实现了DHT11传感器的初始化和读取函数。在初始化函数中,配置了DHT11引脚的GPIO模式和速度。在读取函数中,通过发送开始信号和接收数据的方式读取DHT11传感器的温湿度数据,并进行校验。
5.5 GPS数据解析
在STM32F103ZET6上通过串口2读取GPS模块返回的定位数据并解析经纬度和定位状态。
#include "stm32f10x.h"
#include <stdio.h>
#include <string.h>// 定义串口2接收缓冲区大小
#define RX_BUFFER_SIZE 256// 定义GPS数据解析状态
typedef enum {GPS_STATE_IDLE, // 空闲状态GPS_STATE_RECEIVING, // 接收中状态GPS_STATE_COMPLETE // 接收完成状态
} GPS_State;// 定义接收缓冲区和接收状态变量
char rxBuffer[RX_BUFFER_SIZE];
volatile uint16_t rxIndex = 0;
volatile GPS_State gpsState = GPS_STATE_IDLE;// 处理接收到的GPS数据
void processGPSData() {// 在这里进行GPS数据解析和处理// 解析经纬度和定位状态等信息// 根据需要进行相应的操作或显示// 例如,打印经纬度和定位状态printf("Latitude: %s\n", latitude);printf("Longitude: %s\n", longitude);printf("Position Fix Status: %s\n", positionStatus);
}// 串口2接收中断处理函数
void USART2_IRQHandler(void) {if (USART_GetITStatus(USART2, USART_IT_RXNE) != RESET) {char data = USART_ReceiveData(USART2);// 接收到回车换行符表示一条完整的GPS数据if (data == '\n') {rxBuffer[rxIndex] = '\0';rxIndex = 0;gpsState = GPS_STATE_COMPLETE;} else {// 将接收到的数据存储到缓冲区中rxBuffer[rxIndex] = data;rxIndex++;// 接收缓冲区溢出时进行处理if (rxIndex >= RX_BUFFER_SIZE) {rxIndex = 0;gpsState = GPS_STATE_IDLE;}}}
}int main(void) {// 初始化串口2和GPIO引脚// 设置串口2的波特率、数据位、停止位等参数// 使能串口2接收中断USART_ITConfig(USART2, USART_IT_RXNE, ENABLE);NVIC_EnableIRQ(USART2_IRQn);while (1) {// 如果接收到完整的GPS数据if (gpsState == GPS_STATE_COMPLETE) {// 处理接收到的GPS数据processGPSData();// 处理完成后,重置接收状态为IDLEgpsState = GPS_STATE_IDLE;}}
}
代码中的串口初始化和中断处理部分是基于标准库的使用方式。
相关文章:
基于STM32+华为云IOT设计的智能垃圾桶
一、项目介绍 在商业街、小吃街和景区等人流密集的场所,垃圾桶的及时清理对于提供良好的游客体验至关重要。然而,传统的垃圾桶清理方式通常是定时或定期进行,无法根据实际情况进行及时响应,导致垃圾桶溢满,影响环境卫…...
板子接线图
1.ST-LINK V2接线 2.对抗板子刷蓝牙固件 接USB转TTL,用镊子短接两个孔 2.对抗板子用串口测试蓝牙AT命令 短接白色箭头,接TX,RX,电源...
Python练习之选择与循环
目录 1、编写程序,运行后用户输入4位整数作为年份,判断其是否为闰年。提示:如果年份能被400整除,则为闰年;如果年份能被4整除但不能被100整除也为闰年。2、编写程序,用户从键盘输入小于 1000 的整数&#x…...
MySQL5.7开启通用日志功能
起因: 因项目数据库占用异常,查询数据库有哪些IP地址连接使用(Windows环境下)。 操作步骤: 1、修改MySQL服务的my.ini 文件 # 开启通用查询日志 general_log 1 log_output …...
WPF控件模板
在过去,Windows开发人员必须在方便性和灵活性之间做出选择。为得到最大的方便性,他们可以使用预先构建好的控件。这些控件可以工作的足够好,但可定制性十分有限,并且几乎总是具有固定的可视化外观。偶尔,某些控件提供了…...
vue移动端页面适配
页面的适配,就是一个页面能在PC端正常访问,同时也可以在移动端正正常访问。 现在我们可以通过弹性布局【Flexible布局】、媒体查询和响应式布局。除此之外,还可以通过rem和vw针对性地解决页面适配问题。 响应式布局 响应式布局的核心&…...
Ei Scopus 双检索 |第三届信息与通信工程国际会议国际会议(JCICE 2024)
会议简介 Brief Introduction 2024年第三届信息与通信工程国际会议国际会议(JCICE 2024) 会议时间:2024年5月10日-12日 召开地点:中国福州 大会官网:JCICE 2024-2024 International Joint Conference on Information and Communication Engin…...
ChatGPT实战-Embeddings打造定制化AI智能客服
本文介绍Embeddings的基本概念,并使用最少但完整的代码讲解Embeddings是如何使用的,帮你打造专属AI聊天机器人(智能客服),你可以拿到该代码进行修改以满足实际需求。 ChatGPT的Embeddings解决了什么问题? …...
C语言指针,深度长文全面讲解
指针对于C来说太重要。然而,想要全面理解指针,除了要对C语言有熟练的掌握外,还要有计算机硬件以及操作系统等方方面面的基本知识。所以本文尽可能的通过一篇文章完全讲解指针。 为什么需要指针? 指针解决了一些编程中基本的问题。…...
云桌面打开部署在linux的服务特别卡 怎么解决
云桌面打开部署在 Linux 服务器上的服务卡顿可能是由多种因素引起的,包括服务器性能、网络连接、应用程序配置等。以下是一些可能的解决方法,可以帮助您缓解云桌面访问部署在 Linux 服务器上的服务时的卡顿问题: 优化服务器性能: …...
day5ARM
循环点亮三个led灯 方法1 ------------------led.h---------------- #ifndef __LED_H__ #define __LED_H__#define RCC (*(volatile unsigned int *)0x50000A28) #define GPIOE ((GPIO_t *)0x50006000) #define GPIOF ((GPIO_t *)0x50007000)//结构体封装 typedef struct {vo…...
旋转链表-双指针思想-LeetCode61
题目要求:给定链表的头结点,旋转链表,将链表每个节点向右移动K个位置。 示例: 输入:head [1,2,3,4,5], k2 输出:[4,5,1,2,3] 双指针思想: 先用双指针策略找到倒数K的位置,也就是(…...
使用自定义XML配置文件在.NET桌面程序中保存设置
本文将详细介绍如何在.NET桌面程序中使用自定义的XML配置文件来保存和读取设置。除了XML之外,我们还将探讨其他常见的配置文件格式,如JSON、INI和YAML,以及它们的优缺点和相关的NuGet类库。最后,我们将重点介绍我们为何选择XML作为…...
1787_函数指针的使用
全部学习汇总:GitHub - GreyZhang/c_basic: little bits of c. 前阵子似乎写了不少错代码,因为对函数指针的理解还不够。今天晚上似乎总算是梳理出了一点眉目,在先前自己写过的代码工程中做一下测试。 先前实现过一个归并排序算法,…...
解决nomachine扫描不出ip问题
IP扫描工具Advanced IP Scanner 快速的扫描局域网中存在ip地址以及pc机的活跃状态,还能列出局域网计算机的相关信息。并且ip扫描工具(Advanced IP Scanner)还能够单击访问更多有用的功能- 远程关机和唤醒 软件下载地址...
Web 3.0 发展到什么水平了?
最初,有互联网:电线和服务器的物理基础设施,让计算机和它们前面的人相互交谈。美国政府的阿帕网在1969年发出了第一条消息,但我们今天所知道的网络直到1991年才出现,当时HTML和URL使用户可以在静态页面之间导航。将此视…...
大模型:如何利用旧的tokenizer训练出一个新的来?
背景: 我们在用chatGPT或者SD的时候,发现如果使用英语写提示词得到的结果比我们使用中文得到的结果要好很多,为什么呢?这其中就有一个叫做tokenizer的东西在作怪。 训练一个合适的tokenizer是训练大模型的基础,我们既…...
【LeetCode-中等题】107. 二叉树的层序遍历 II
文章目录 题目方法一:队列层序迭代 题目 方法一:队列层序迭代 解题详情:【LeetCode-中等题】102. 二叉树的层序遍历 res.add(0,zres); //效果是将 zres 列表作为 res 的第一个子列表,并将其它原本在第一位置及之后的子列表向后移…...
斯坦福联合培养博士|专科生的逆袭之路
从山东医学高等专科学校到首都医科大学附属北京天坛医院神经外科博士,再到斯坦福医学院神经外科联合培养博士,知识人网小编带大家看看何世豪通往成功的逆袭之路。 上面照片中这位戴眼镜的主人公就是何志豪,他从山东医学高等专科学校考入泰山医…...
Verilog中parameter在仿真时的应用
parameter能够定义一个常量 例如 parameter [7:0]A 8d123; 在仿真时我们可以用它来改变模块的参数,而不会影响综合的结果。 考虑下面的模块,输入时钟是clk,频率为24MHz,输出一个1Hz的方波驱动小灯让其闪烁 module test1(in…...
v-model绑定导致的element UI文本框输入第一次值后被绑定,导致空文本框无法再输入文字
在工作岗位上,上边分配一个任务,创建一个页面,从0-1,全部自己搭建,也没有啥模版,就这么来,那就直接来吧,没办法,那就直接上手,开发过程中,我使用了…...
数据结构——KD树
KD树(K-Dimensional Tree)是一种用于多维空间的二叉树数据结构,旨在提供高效的数据检索。KD树在空间搜索和最近邻搜索等问题中特别有用,允许在高维空间中有效地搜索数据点。 重要性质 1.分割K维数据空间的数据结构 2.是一颗二叉树…...
python趣味编程-恐龙克隆游戏
Python 中使用 Turtle 的恐龙克隆游戏免费源代码 使用 Turtle 的恐龙克隆游戏是一个用Python编程语言编码的桌面游戏应用程序。该项目包含在 Chrome 浏览器中克隆实际恐龙游戏的多种功能。该项目可以使正在修读 IT 相关课程的学生受益。这个应用程序非常有趣,可以帮助您学习创…...
【漏洞复现】泛微e-office OfficeServer2.php 存在任意文件读取漏洞复现
文章目录 前言声明一、漏洞描述二、漏洞分析三、漏洞复现四、修复建议前言 泛微e-office OfficeServer2.php 存在任意文件读取漏洞,攻击者可通过构造特定Payload获取敏感数据信息。 声明 请勿利用文章内的相关技术从事非法测试,由于传播、利用此文所提供的信息或者工具而造…...
基于Yolov8的野外烟雾检测(4):通道优先卷积注意力(CPCA),效果秒杀CBAM和SE等 | 中科院2023最新发表
目录 1.Yolov8介绍 2.野外火灾烟雾数据集介绍 3.CPCA介绍 3.1 CPCA加入到yolov8 4.训练结果分析 5.系列篇 1.Yolov8介绍 Ultralytics YOLOv8是Ultralytics公司开发的YOLO目标检测和图像分割模型的最新版本。YOLOv8是一种尖端的、最先进的(SOTA)模型&a…...
程序员必掌握的核心算法:提升编程技能的关键路径
一:引言 作为程序员,算法是我们编程生涯中的灵魂。算法是解决问题的方法和步骤,它们在计算机科学中扮演着至关重要的角色。无论你是初学者还是经验丰富的专业人士,都需要掌握一些核心算法,因为它们在各种应用场景中频…...
面试算法10:和为k的子数组
题目 输入一个整数数组和一个整数k,请问数组中有多少个数字之和等于k的连续子数组?例如,输入数组[1,1,1],k的值为2,有2个连续子数组之和等于2。 分析 在从头到尾逐个扫描数组中的数字时求出前…...
王道考研操作系统
王道考研操作系统 计算机系统概述操作系统的概念操作系统的特征操作系统的发展历程操作系统内核中断和异常![在这里插入图片描述](https://img-blog.csdnimg.cn/162452b4c60144e0bd500e180127c447.png)系统调用操作系统结构虚拟机错题 进程与线程进程控制进程通信线程和多线程模…...
HEXO 基本使用
1 新建、编辑并预览文章 1. 新建文章 hexo new [layout] title # 或 hexo n [layout] title创建文章前要先选定模板,在hexo中也叫做布局。hexo支持三种布局(layout):post(默认)、draft、page。我们先介绍如何使用已有布局…...
Webpack Sourcemap文件泄露漏洞
Webpack Sourcemap文件泄露漏洞 前言一、Webpack和Sourcemap1.1 什么是Webpack1.2 什么是Sourcemap二、漏洞利用2.1 使用reverse-sourcemap工具2.1 直接看前端代码三、漏洞挖掘漏洞修复前言 Webpack主要是用于前端框架进行打包的工具,打包后形成.js.map文件,如果.js.map文件…...
广州培训做网站/佛山今日头条
点击上方 蓝字 关注我们给大家推荐几个我经常看的一些公众号,当你迷茫的时候刷一下这些公众号,就可以知道自己的不足,小编经常在地铁刷。从这些公众号我看到了同一个问题的不同描述和思路,十分精彩,大家可以关注一下他…...
wordpress post grid/上海搜索seo
一、前言:mysql8之后想比起之前常用的版本改动还是挺大的,因为刚从安装接触,就先从基本的说起。现在的mysql8安装只能采用解压配置版,像以前老版本的傻瓜式安装将不复存在。其实mysql8了解如何安装之后也不是特别麻烦,…...
2015年做那些网站能致富/电商网站平台搭建
课程介绍 IDEA是一款功能强悍、非常好用的Java开发工具,近几年编程开发人员对IDEA情有独钟。虽然IDEA功能很强大,但目前市面讲解的不细致、不系统,导致很多IDEA初学者要么无从下手,要么耗费太多时间。本套课程分知识点进行录制讲解…...
企业网站设计费用/百度关键词优化策略
2019独角兽企业重金招聘Python工程师标准>>> jsp页面上实现表格的竖向合并。 01 /** 02 * 合并表格的列 03 * param {String} tableId要合并的表格的id 04 * param {int} fCol开始的列 05 * param {int} eCol结束的列 06 * return void 07 */ 08 func…...
建设小游戏网站空间类型选择/关键词搜索排名公司
写在最前 文章标题谈到了面向协议编程(下文简称 POP),是因为前几天阅读了一篇讲 Swift 中 POP 的文章。本文会以此为出发点,聊聊相关的概念,比如接口、mixin、组合模式、多继承等,同时也会借助各种语言中的例子来阐述我的思想。 那…...
wordpress小米商城主题/今日疫情最新情况
关于WordPress 说到Wordpress一款开源的全球CMS博客系统,作为一款成熟的系统,只需要完美的对接前端自己写对应的API接口就可以完美的呈现出一个自己想要的客户端例如PC版,移动版以及现在的小程序。 目录 关于WordPress WordPress小程序 …...