草庐IT

uniapp-Mqtt

全部标签

小程序连接MQTT进行通信(保证能用)

一、MQTT通信介绍MQTT是一种基于客户端服务端架构的发布/订阅模式的消息传输协议。它的设计思想是轻巧、开放、简单、规范,易于实现。这些特点使得它对很多场景来说都是很好的选择,特别是对于受限的环境如机器与机器的通信(M2M)以及物联网环境(IoT)关键词解释:subscribe:订阅某个主题,未来这个主题收到的消息都会发给你publish:发送消息给某个主题,只要是订阅了这个主题的客户端,都会收到这条消息Payload:发送的数据,一般数据格式为string、hex(16进制字符串)、json,这个由前后端商定QoS:分为三个等级,0:最多交付一次,1:至少交付一次,2:只交付一次其中,使用

homeassistant配置MQTT集成以及传感器实体(STM32连接进入homeassistant)

大家可以看作者的小破站教学视频(如果喜欢的话可以点个关注,给个三联!啊哈哈哈哈哈哈):【homeassistant配置MQTT集成以及传感器实体(STM32连接进入homeassistant)】最近homeassistan更新之后,传统的MQTT服务器配置是完全不适用的目前(2023.4.16)的教程都没有找到特别适用的看官方文档可以完整配置MQTT服务器,但是官方文档配置的MQTT底下的接入设备(传感器或者开关之类)的会出现配置不成功,或者显示没有启动的字眼(官方例程是不行的)所以我们采用配置时,我配置MQTT的方法以及用我添加传感器的方法才可以使用之前的大多教程:             

uniapp 微信小程序 预览pdf方法

效果图:1、在小程序中//#ifdefMP*/是区分运行的环境,在小程序中可使用如下方法uni.downloadFile({url:item.link,//文件地址success:function(res){varfilePath=res.tempFilePath;uni.openDocument({filePath:filePath,showMenu:false,//这个参数可设置你预览的文件能否被直接转发,此次是设置是否展示分享菜单success:function(res){}});}});/*#endif*/2、在H5中/*#ifdefH5*///这里是H5中的写法uni.navigat

Uniapp中App与H5交互

Uniapp开发的App要与Uniapp开发的H5进行交互 Uniapp进行数据交互的话是使用了Unaipp官方文档当中的web-view,但是官方文档当中的说明也不是很通俗易懂,之后就去网上找了好久,也试了很多次,终于实现了App与H5的交互。web-view首先呢web-view是一个web浏览器组件,可以用来承载网页的容器,会自动铺满整个页面,nvue使用需要手动指定宽高。在web-view中的src当中放入H5页面的链接即可。各小程序平台,web-view加载的url需要在后台配置域名白名单,包括内部再次iframe内嵌的其他url以下是官方文档当中的代码片段,官网链接:(web-vi

NodeRED学习(七)MQTT/Modbus网关

简述:用Node-RED搭建一个MQTT网关,网关通过Modbus总线连接一个水位传感器和一个温度传感器,采集水位和温度数据,再通过MQTT客户端把水位和温度信息发布到MQTT代理。网关:协议转化:网关可以通过Modbus总线把多个485串口的传感器,以轮询的方式采集,通过MQTT协议发布给信息平台。信息汇聚:网关可以把多个传感器数据,聚合为一个对象,为数据附加语义描述,使信息具有结构化,易可识别。虚拟串口软件VSPD配置两对虚拟串口:ModbusSlave模拟两个传感器:配置MQTT代理:通过Modbus分别采集水箱的水位和温度,合并为水箱参数,由MQTT客户端发布:添加注入(inject)

uniapp开发小程序,实现获取【微信授权登录】功能

APP微信授权登录需要到微信开放平台申请,在HBuilderX配置APPSDK中微信登录的appId,另外需要跟小程序、公众号授权账号互通的话也需要在微信开放平台申请1、在微信公众平台申请应用,获取相应的appid和appsecret2、在HBuilderX配置APPSDK中微信登录的appId和appsecret一、解题思路:微信授权登录(获取用户信息)| 小程序登录|微信开放文档 1.先获取用户信息——用户授权允许后,通过调用uni.login可以获取到code。2.拿着获取到的code去调用——登录接口,可以获取到token。3.把token存入缓存。就可以在页面判断是否登录了。二、代码

【视频】横屏播放,uniapp,微信小程序,可选择播放速度,暂停和继续播放

template> viewclass="form1boxu-f"> imagesrc="@/static/img/fanhui.png"mode=""class="u-w-25.86u-h-25.86u-m-r-21"@click="leftClick">/image> viewclass="content"> videoid="myVideo" class="u-w-460" :style="{'height':winheight+'px'}" autoplay :src="videosrc" object-fit='cover' :controls='

uniapp构建微信小程序,有地图点,点击时进入导航页面。【伸手党福利】

适用于微信小程序(h5)目前无法显示红点,但是点击有反应,可以进入导航。注意,slheader是自定义的标签,和本次内容无关前期配置本示例是展示店面的地址,点击红点可以打开地图并导航到该店面。template> viewclass="content"> slheader:ableexit="false":ableback="true"title="店铺位置"style="z-index:999;">slheader> mapstyle="width:100%;height:1500rpx;margin:0;":layer-style='5':show-location='true':lat

uniapp微信小程序消息订阅快速上手

一、微信公众平台小程序开通消息订阅并设置模板这边的模板id和详细内容后续前后端需要使用二、uniapp前端需要是一个button触发js:wx.getSetting({ success(res){ console.log(res) if(res.authSetting['scope.subscribeMessage']){ //业务逻辑 }else{ uni.requestSubscribeMessage({ tmplIds:[_config.TEMPLATE_ID], success(res){ console.log("订阅成功!") //业务逻辑 }

[国产MCU]-W801开发实例-MQTT客户端通信

MQTT客户端通信文章目录MQTT客户端通信1、MQTT介绍2、W801的MQTT客户端相关API介绍3、代码实现本文将详细介绍如何在W801中使用MQTT协议通信。1、MQTT介绍MQTT被称为消息队列遥测传输协议。它是一种轻量级消息传递协议,可通过简单的通信机制帮助资源受限的网络客户端。与大多数消息系统不同,我们不必为MQTT客户端分配地址。MQTT使用基于主题的简单发布/订阅通信。该协议运行在TCP/IP之上,以提供可靠的数据传输。MQTTBrokerBroker是一个枢纽,执行从发布者到订阅者的数据接收和发送功能。它从发布者接收消息并对消息进行解码。Broker解码消息后,根据Topi