物联网仿真系统基于MQTT实现微信小程序开发

已于 2024-08-21 11:49:53 修改
阅读量193 收藏 5
点赞数 4
分类专栏： 物联网虚拟仿真系统 文章标签： 物联网 微信小程序 小程序
于 2024-08-20 15:29:52 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/l84747482/article/details/141357631
版权

面对物联网相关课程缺少设备或者设备难管理的问题，我们设计了一套物联网虚拟仿真系统，系统集成了多种虚拟传感器和网关设备，无需实体硬件即可模拟真实物联网环境。系统支持HTTP、modbusRTU、modbusTCP、MQTT、websocket等通信协议对接，因此支持app开发、微信小程序、web前端开发、云平台开发等。用户可开展各类物联网场景实验，不仅节约成本，还提供安全保障，实验效率和教学质量。 ----恒网迅通
在这里插入图片描述

前言

本章讲解的是通过MQTT读取物联网虚拟仿真系统设备数据，开发微信小程序作为用户交互界面，让用户能够轻松实现对仿真设备的远程控制与数据读取
在这里插入图片描述

01
接线组成系统

拉入温湿度传感器，光照度传感器，PM2.5传感器，风扇，灯泡，LED屏，窗帘和网关，并接好线。
在这里插入图片描述

02
虚拟仿真系统MQTT模式

登录物联网虚拟仿真客户端，开启MQTT模式
在这里插入图片描述
打开模拟实验后，连接虚拟仿真系统的服务器和用户名密码，主题自拟。

在这里插入图片描述

03
虚拟仿真系统MQTT测试

一、建立通信，创建主题
打开MQTTX进行测试，新建连接

在这里插入图片描述

添加订阅，推送主题和订阅主题

在这里插入图片描述

二、读取与控制
查看订阅消息

在这里插入图片描述

上发消息至虚拟仿真系统实现控制（此时控制灯泡亮起）

在这里插入图片描述

04
虚拟仿真系统MQTT测试

一、导入MQTT库,了解前端三剑客
创建好项目后，找到创建项目的目录，进入utils文件将MQTT库导入。

在这里插入图片描述

前端三件套（JS,WXSS或CSS,WXML或HTML）文件

在这里插入图片描述

二、设计页面
wxml创建组件组件，以及设计组件结构

在这里插入图片描述

wxss进行布局调整外观文本和按钮可以自由调整

在这里插入图片描述

wxss进行布局调整外观文本框和滑杆都为容器，设定为居中

在这里插入图片描述

三、js进行MQTT通信订阅与发送
第一步：调用MQTT库

在这里插入图片描述

第二步：连接MQTT

在这里插入图片描述

第三步：订阅虚拟仿真推送主题，并打印出来

在这里插入图片描述

第四步：解析JSON数值，并打印出来

在这里插入图片描述

在这里插入图片描述

第五步：实现控制

灯泡，风扇控制

在这里插入图片描述

实现LED屏文本输出

在这里插入图片描述

窗帘控制（滑动条）

在这里插入图片描述

05
演示效果

在这里插入图片描述

广东网迅通物联科技有限公司官网 http://www.rpdiot.com/

网迅通物联网
关注
  • 4
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
基于STM32+微信小程序设计的宠物投喂装置(腾讯云IOT)
08-14 8185
远程宠物投喂的特点就是。 为了方便大家出门旅游，节假日回家，也能在手机给宠物投喂实物，了解宠物的水温，食物吃了多少，来判断是否健康。
基于STM32设计的智能门锁(微信小程序+手机APP等多种方式开锁)(188)
07-17 8072
当前智能门锁项目是基于STM32微控制器、ESP8266-WIFI模块、OLED显示屏、指纹模块、蓝牙模块、门禁刷卡模块、烟雾检测模块、火光检测模块、温湿度检测模块等硬件设备开发的一种智能门锁系统
物联网仿真系统基于HTTP实现APP开发
l84747482的博客
08-20 272
面对物联网相关课程缺少设备或者设备难管理的问题，我们设计了一套物联网虚拟仿真系统，系统集成了多种虚拟传感器和网关设备，无需实体硬件即可模拟真实物联网环境。在物联网仿真系统中，连线图可以通过虚拟线路清晰展示各个智能设备之间的连接方式，以及设备与设备之间的连接关系。：智能家居系统中的设备，通过仿真网络模块与中控设备连接，可以模拟远程控制和添加策略（传感器触发，自动开启）的功能。拉入温湿度传感器，光照度传感器，PM2.5传感器，风扇，灯泡，LED屏，窗帘和网关，并接好线。进入Web端，查看灯泡数值是否为1。
解决微信小程序中使用mqtt，真机调试不能访问的问题
xiaommxhxxl的博客
02-10 5412
学习记录 在开发者工具中使用mqtt可以访问，但是在真机调试的时候就不行，这是因为微信小程序安卓真机解释器的Bug，它把host+port作为Host 开发者工具中的请求地址，不带端口 真机调试带端口 解决方案使用最新的mqtt.js，替换掉原来的mqtt.js即可 替换后真机调试不带端口 ...
基于MQTT应用层协议的物联网家庭温湿度监测系统
张竞豪的博客
05-07 1万+
引言 出生于互联网时代的我们，见证了智能手机和个人电脑通过计算机网络互相进行连接，把每个人紧密地连接在一起，形成了一个地球村。而今，我们即将迈入5G时代，在通信技术不断发展的今天，连接到互联网的将不仅是昂贵精密的手机电脑，身边的各种物体也可以通过物联网连接到云端，由物联网平台管理上云的物联网设备，使用者通过浏览器，小程序等接收物发出的通知并且完成想过操作。物联网不仅将物与物连接在一起，也将物与人紧...
微信小程序IoT设备模拟器使用手册
02-18 2478
IoT设备模拟器小程序使用手册 1.阿里云IoT设备模拟器 微信小程序IoT设备模拟器可以实现无代码开发，模拟设备接入阿里云IoT物联网平台设备连接，自定义Topic通信，物模型协议通信的完整过程，支持多个region接入。 2.设备二维码Chrome插件 为了方便在小程序里输入设备身份二维码，推荐大家安装IoT设备身份三元组转化二维码的Chrome插件。 2.1 插件安装 ①&...
物联网虚拟仿真系统基于Modbus TCP对接云平台
l84747482的博客
08-20 181
面对物联网相关课程缺少设备或者设备难管理的问题，我们设计了一套物联网虚拟仿真系统，系统集成了多种虚拟传感器和网关设备，无需实体硬件即可模拟真实物联网环境。在云平台上获取仿真设备的数据，也可以在云平台上管理和监控仿真执行器，并通过云平台的组件进行策略设计。本章讲解的是通过Modbus TCP读取物联网虚拟仿真系统设备数据，对接云平台作为用户交互界面，让用户能够轻松实现对仿真设备的远程控制与数据读取。拉入温湿度传感器，光照度传感器，PM2.5传感器，风扇，灯泡，LED屏，窗帘和网关，并接好线。
微信小程序控制onenet智能灯
qq_45786716的博客
11-09 8654
文章目录前言1.理论基础2.远程控制led2.1 实验材料2.2 实验步骤3.配置微信小程序3.1理论基础3.2 实验步骤3.2.1 找到对应的api文档3.2.2 撸微信小程序代码3.2.3 代码3.2.4 真机调试坑点 前言 我先向大家推荐一个学习的博主吧!! 这就是博哥-------我入门esp8266的领头人 很感谢他!!! 他的目录里面没有这一个帖子,我想给他补齐,供新手去学习 1.理论基础 esp8266mqtt库 微信小程序初步了解 对onenet平台有一定了解 2.远程控制led 2.1
基于毫米波生物感知雷达+STM32设计的独居老人居家监护系统(微信小程序)(192)
热门推荐
07-24 1万+
当前基于STM32设计的独居老人居家监护系统为独居老人提供一种简便、实时的健康监护服务。该系统通过集成多种传感器和功能模块，能够实时监测老人的生理指标、姿态以及室内环境状况，并通过微信小程序远程显示数据，当出现异常情况时及时发出报警提醒。
esp8266物联网微信小程序MQTT远程控制高级实战项目
06-19
项目提供的压缩包文件可能包含代码示例、教程文档、配置文件等资源，帮助你一步步完成从建立MQTT服务器到编写ESP8266固件，再到开发微信小程序的全过程。确保仔细阅读并理解每一个步骤，以便成功构建并运行这个高级...
mqttjs微信小程序
12-17
通过以上步骤，你就可以在微信小程序中实现基于MQTT的实时通信功能，这对于智能家居、远程监控、即时通讯等应用场景非常有用。然而，需要注意的是，由于微信小程序的网络环境限制，可能需要对MQTTJS进行一些适配，...
通过MQTT将微信小程序连接ESP8266双向通讯
09-03
总的来说，结合微信小程序的便捷性和ESP8266的硬件能力，通过MQTT协议可以构建出一套灵活、实时的物联网系统。这种系统不仅可以应用于家庭自动化、远程监控等领域，还可以扩展到商业应用，如智能零售、环境监测等。...
微信小程序连接阿里云物联网 源码
02-07
微信小程序 （阿里云物联网），远程控制家里 电视， 空调，灯， 冰箱 风扇 （定时开关 PWM调光.... ) 让你出门上班，外出旅游，都能时时控制到家里的一切，也可以用来监测家里的温湿度 （通过MQTT协议发送到阿里云 ...
在微信小程序中使用mqtt服务的方法
10-15
在微信小程序中集成MQTT服务是一项常见的需求，特别是在物联网(IoT)应用中，需要实现实时通信和设备状态监控。...通过这种方式，可以实现小程序与物联网设备之间的实时通信，提升应用的交互性和用户体验。
Apache IoTDB进行IoT相关开发实践
最新发布
shiwei0813的博客
08-20 405
我先来给大家简单介绍一下：IoTDB即物联网数据库，是一个面向时间序列数据的集成数据管理引擎，可以为用户提供特定的数据收集、存储和分析服务。由于其轻量级结构、高性能和可用特性，以及与Hadoop和Spark ecology的紧密集成，IoTDB满足了物联网工业领域的海量数据集存储、高速数据输入和复杂数据分析的要求。IoTDB作为一款专门针对时序数据设计的数据库，以其高性能、高压缩比、多协议兼容等特性，在物联网领域得到了广泛的应用。
【轨物方案】直流电源屏物联网解决方案，让在线监测更简单！
轨物科技的博客
08-20 140
为解决直流屏行业智能化升级的痛点和难点，杭州轨物科技围绕智能服务体系，快速打造直流电源屏智能互联解决方案，包括APP/微信小程序+设备管理后台，通过传感器技术与直流屏相结合，帮助传统企业进行智能化升级，降低运维成本，提高安全性能，在“万物互联”的时代浪潮中，快速实现传统设备的升级，融入到数字生态中。建立数据中台，构建设备的数字孪生体，将设备的全生命运行数字进行统计分析、机理分析，获取显性、隐性数据，并将这些数据进行封装，做好数据API接口，与第三方设备进行对接，快速构建系统。
如何使用DataGear零编码快速制作MQTT物联网实时数据看板
datagear的博客
08-20 379
DataGear是一个开源免费的数据可视化分析平台，企业版在开源版基础上开发，新增了诸多企业级特性，包括：MySQL及更多部署数据库支持、MQTT/WebSocket/Redis/MongoDB数据集、OAuth2.0/CAS/JWT/LDAP统一登录支持、前后端敏感信息加密传输等等。其中，MQTT数据集支持tcp、ssl、ws、wss协议，支持参数化主题，支持/#、/+主题通配符，连接信息存储和连接建立都在服务端，防止敏感信息泄露，可以实现零编码快速制作MQTT物联网实时数据看板。
微信小程序骨架屏
djjdjdjdjddjjdjd的博客
08-16 413
⑤ 在onLoad 中页面加载前定义 isLoading.value=true, 在加载完后定义 isLoading.value=false.骨架屏是页面的一个空白版本，通常会在页面完全渲染之前，通过一些灰色的区块大致勾勒出轮廓，待数据加载完成后，再替换成真实的内容。① 在相应微信小程序页面右下角点生成骨架屏，左侧小程序目录会自动生成 .wxml 、.wxss 文件，⑥ 在生成骨架屏页面中 v-if="isLoading" v-else 定义显示与隐藏。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值