1
如何让开发者更便捷高效地开发面板小程序?
全球化 IoT 开发平台服务商涂鸦智能(NYSE:TUYA,HKEX:2391)原先提供的是一套基于 React Native (简称 RN) 的面板 SDK,但是随着面板规模的不断增长,以及 RN 的使用限制等原因,面板的开发和维护变得愈发困难。
于是我们自研了面板小程序开发方案,旨在让面板的开发更加便捷,运行更加稳定高效。
那什么是面板小程序呢?
面板小程序是一套全新的设备面板开发方式,它基于涂鸦的智能小程序技术体系,集成了面板的相关能力和环境。
它通过以下两种方式来加强提升面板开发效率和体验:
1. 通过IDE集成了面板特有的开发调试环境
2. 提供了 Ray 这个开发框架
接下来,我们详细介绍下这两大特性。
一、IDE面板环境
1、面板体验
面板体验功能支持一键创建本地虚拟面板小程序,包含一些基础调试功能,其接口调用是通过本地模拟实现。可用于快速了解和体验面板的开发流程。
2、设备插件
为了能够在 IDE 中运行面板小程序,涂鸦引入了虚拟设备体系来模拟面板运行环境,同时能够更方便地调试 DP 下发上报。在开发时,只需要在项目配置中添加需要调试的产品,就可以通过扫码将该产品下的虚拟设备绑定到 IDE 中。
简单操作后,开发者即可在 IDE 中实现代码调试,以尽量减少开发期间对真机的依赖。
除了可以轻松实现设备 DP 调试外,该插件还提供了:
多语言字段查看、检查、搜索、上传;
设备日志查询;
智能设备模型的数据注入
具体操作指南可复制下方链接查看---虚拟设备插件:https://developer.tuya.com/cn/miniapp/panels/devtools/ide/virtual-device
二、Ray-IoT领域的跨端框架
小程序的基础语法是类似前端的 HTML、CSS、JavaScript,同当前其他厂商的小程序语法基本保持一致,可有效确保跨端的开发体验。
为了让涂鸦现有的开发者,能更好地迁移到面板小程序,涂鸦研发了 Ray,并将其作为研发面板小程序的默认框架。不仅能大大降低小程序面板开发门槛,还能让开发者复用 React 的编程习惯和生态。
其工作原理,简单来说,就是将 React 的代码通过编译和运行,转化成小程序语法,使其最终能在小程序容器内运行起来。
1、React
Ray 的本质是靠 react-reconciler 实现的一个小程序端的渲染器。因此,你可以靠完整的 React 语法,以及大部分的 React 生态来编写你的面板小程序代码。
2、智能设备模型(SDM)
智能设备模型是一个服务于面板开发的开发库,它统一封装了对设备的控制接口,并且可利用 DP Schema 获取 ts提示,让调用更加便捷。
另外,虽然面板小程序提供了很丰富的 API,但是有些 API 比较原子化,有一定的使用门槛。我们将定时、场景等高级能力进一步封装成能力(ablities)提供给开发者,降低开发成本。
SDM 的架构如下图所示:
具体的使用方式可以复制链接查看---智能设备模型的使用:https://developer.tuya.com/cn/miniapp/panels/extended/sdm/usage
3、跨微信小程序
开发者在开发面板小程序后,可以将面板小程序编译打包为微信小程序代码,当然也可以直接使用 Ray 跨端框架,全新开发一个专属于你自己的微信小程序。
由于微信小程序和涂鸦 App 的运行容器有一定差异,因此我们提供了额外的面板--小程序微信 SDK(@ray-js/wechat) ,来解决在微信环境运行所需要的 API 接口、组件及页面模块。
具体操作指南复制下方链接查看---如何用 Ray 来开发微信小程序:
https://developer.tuya.com/cn/miniapp/panels/wechat
彩蛋大放送:ChatGPT智能设备和我说话了!
最近的 ChatGPT 异常火爆,我们也在积极探索 AI 在 IoT 领域的应用。于是,在面板开发中,我们开了个脑洞,想象下,如果我们的智能设备拥有了大脑会是怎么样的呢?
这里介绍下接入流程:
1.我们通过获取设备相关信息,例如联网方式,设备状态等,组织好 prompts,让其扮演一个智能设备;
2.调用 OpenAI 的接口,发送指令;
3.并记录每次沟通的上下文,做到连续对话;
这样我们就得到了一个能和我们对话的智能设备了!
相信在不远的未来,AI 将为 IoT 领域带来更多新能力,人机交互频次也将不断增加、万物互联链路更完整。届时,有望真正实现主动式智能,实质性推动智能家居领域的发展。
开发问题咨询
如在开发过程中有任何问题,可复制下方链接,进入【涂鸦智能小程序】开发者论坛提问哦,将有开发小哥哥随时为你解答~
https://www.tuyaos.com/posting.php?mode=post&f=10
全部0条评论
快来发表一下你的评论吧 !