H5JS硬件开发 JS与芯片引脚通信事件

本文探讨了如何通过H5页面实现实时与硬件的快速数据交互,包括GPIO引脚事件的处理,以及在200ms延迟下如何利用可视化设计器创建接口进行DOM元素操作。作者还展示了当GPIO状态变化时,同步更新页面元素的示例代码。
摘要由CSDN通过智能技术生成

可以快速实现与客户端与硬件的数据交互(比如数据展示/页面动画等)操作页面的DOM元素,或者进行后端业务处理能力。

设备开机后,芯片GPIO引脚每次状态变化都会发送一个事件到H5页面(也可以是服务器),接收到事件后用户可以做对应的业务处理。

目前理论上是有200ms左右延迟,更高端点的芯片和通信服务器会提升50%,基于成本的考虑非特殊场景的产品应该200ms延迟无影响。

下面是通过H5可视化设计器实现硬件交互,首先定义需要响应的GPIO口事件;

我们在当前H5页面中创建一个外部接口,添加一个接口事件叫p1来进行对p1口的事件接收;

开始编写事件业务代码,下面代码实现引脚发生变化的时候,对页面上元素也进行了同步点亮和关闭操作。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值