深圳商务网站建设,想自己做一个网站应该怎么弄,网站免费下载安装大全手机版,wordpress二级页面前言 这是我在Dcloud发布的插件-最完整Mqtt示例代码#xff08;解决掉线、真机调试错误等问题#xff09;#xff0c;经过整改优化和替换Mqtt的js文件使一些市场上出现的问题得以解决#xff0c;至于跨端出问题#xff0c;可能原因有很多#xff0c;例如#xff0c;合法…前言 这是我在Dcloud发布的插件-最完整Mqtt示例代码解决掉线、真机调试错误等问题经过整改优化和替换Mqtt的js文件使一些市场上出现的问题得以解决至于跨端出问题可能原因有很多例如合法域名或者是wss证书没有配置等等若你们的还是没办法使用找下自己的问题因为我使用这个插件完整的测试了微信小程序、H5、APP 这三个不同的端是没有任何问题的另外我的MQTT相关文章在这里
《Esp8266-01s、51单片机实现连接MQTT踩坑附加烧录安信可固件宝塔搭建MQTT服务器 全套攻略》 《解决微信小程序MQTT通讯真机调试失败的问题附加可用代码》 《解决微信小程序MQTT真机连接问题与合法域名配置SSL问题》 《一篇就够:uniapp-Mqtt系列问题详细攻略(解决掉线、真机调试错误等问题)》
以上就是我对MQTT的学习记录分析包括反向代理配置ws证书、ws和wx协议的区别等等文章都是近期的有关联性可以看看
最近在忙着处理毕业的事情一直没有接项目所以就没有更新文章这次这个也不能算是项目但是人家有需求150软妹币帮忙解决了大概意思就是通过esp32发送机器的温度数据要能在小程序或者H5上能看到面板并且能主动发送设定值给单片机大概就是这个意思另外单片机那里他都已经处理好了我也就是写个接收而已废话不多少开搞
接收和发送数据JSON格式化 客户给的两个Json格式的数据 单片机发送的
{
wd: 00 //实时温度
wdyj: 0 //温度预警0正常 1预警实时温度变红
sd: 00 //实时湿度
sdyj: 0 //湿度预警0正常 1预警实时湿度变红
}发送给单片机的
{
wdsx: 40.00, //温度上限
wdxx: 10.00, //温度下限
wdkg: 0, //温度预警邮件开关 0开 1关
sdsx: 50.00, //湿度上限
sdxx: 60.00, //湿度下限
}分析
可以看出根本就不难接收到的数据处理一下渲染即可继续往下
将字符串转换为json
let jsonObj JSON.parse(this.receiveMessage);将数据传递到data中的receive中去
let jsonObj JSON.parse(this.receiveMessage);
this.receivejsonObj;视图层逻辑判断渲染 因为他对温度颜色有要求这里简单的根据if语句判断下面是代码
viewtext v-ifreceive.wdyj1 stylecolor: red;实时温度{{receive.wd}}/texttext v-else实时温度{{receive.wd}}/textbrtext v-ifreceive.wdyj0温度预警正常/texttext v-ifreceive.wdyj1温度预警预警/texttext v-else温度预警/textbrtext v-ifreceive.sdyj0实时湿度{{receive.sd}}/texttext v-else实时湿度{{receive.sd}}/textbrtext湿度预警{{receive.sdyj}}/textbr/view效果
由于写文章的时间有点晚了我不打算将发送也写入这里就对接收进行记录现在是20230710晚0100
这是最后的图片每次收到通讯数据数据值都会改变因为MQTT是双向通讯的
推荐我的爬虫文章 《记一次云之家签到抓包》 《记一次视频抓包m3u8解密过程》 《抓包部分软件时无网络过代理检测 解决办法 安卓黄鸟httpcanaryvmos》 《Python】记录抓包分析自动领取芝麻HTTP每日免费IP成品教程》 《某课抓包视频 安卓手机黄鸟某课appVirtualXposed虚拟框架》
推荐专栏
《Python爬虫脚本项目实战》
该专栏往期文章 《【Python爬虫项目实战一】获取Chatgpt3.5免费接口文末付代码过Authorization认证》
如果感觉看完文章还不过瘾欢迎查看我的其它专栏 作者对python有很大的兴趣完成过很多独立的项目例如滇医通等等脚本但是由于版权的原因下架了爬虫这一类审核比较严谨稍有不慎就侵权违规了所以在保证质量的同时会对文章进行筛选
如果您对爬虫感兴趣请收藏或者订阅该专栏哦《Python爬虫脚本项目实战》如果你有项目欢迎联系我我会同步教程到本专栏
Python爬虫项目实战系列文章 ⭐⭐欢迎订阅⭐⭐
【Python爬虫项目实战一】获取Chatgpt3.5免费接口文末付代码过Authorization认证 【Python爬虫项目实战二】Chatgpt还原验证算法-解密某宝伪知网数据接口
⭐⭐欢迎订阅⭐⭐
