面板物料超全汇总!开发智能面板小程序必备攻略来了

更新时间:2026-06-15 03:29:42LLM 副本以 Markdown 格式查看下载 PDF

关于涂鸦智能面板小程序,我们之前写过一篇关于跨端开发体验、并融入 ChatGPT 的玩转攻略(点击查看往期介绍)。本次为了进一步提高开发者开发面板小程序的效率,我们集齐了物料广场、云能力、智能设备模型(SDM)、智能群组模型(SGM)全链路整合成面板物料库——资料丰富、随取随用,让面板小程序的开发更便捷。

下面先简单介绍面板小程序,便于大家更好地理解面板物料的整体架构。

一、面板小程序

面板小程序是基于 Tuya MiniApp 体系的一种面板开发模式,它构建在小程序体系之上。相较于原来基于 RN 的开发方式,它具备更完善便捷的开发配套与更低的开发门槛。

它通过以下两种方式提升面板开发效率与体验:

  1. 通过 IDE 集成面板特有的开发调试环境
  2. 提供 Ray 这一开发框架

其中,Ray 是涂鸦自研的跨端应用开发框架。它支持将 React 代码通过编译与运行转化为小程序语法,最终在小程序容器内运行起来。

Ray 主要具备以下优势:

  • 内部预置设备面板开发的基础能力,能大大加快面板开发速度;
  • 可使用 Hooks、Context 等 React API,并复用 React 生态构建你的面板小程序;
  • 支持微信小程序,让你的面板小程序在微信上跑起来。

因此,将 Ray 作为开发面板小程序的语法框架,是当前最佳选择。

面板物料超全汇总!开发智能面板小程序必备攻略来了

二、面板物料

1. 物料广场

为了进一步加快开发者开发面板的效率,我们沉淀了一部分开发物料,包括组件、SDK 等,全部发布在物料广场,并将持续更新。

物料广场链接:https://developer.tuya.com/material/library_oHEKLjj0/

这些物料除了通用的 UI 交互,还会封装一定的涂鸦能力,让开发者在面对较复杂的逻辑时能更快上手。

面板物料超全汇总!开发智能面板小程序必备攻略来了

此外,我们还提供了面板物料查询功能。当你重新开始开发某款面板时,可快速查询到该面板可能用到的物料,更顺畅地理清开发思路、上手开发。

面板物料超全汇总!开发智能面板小程序必备攻略来了

2. 云能力

在开发面板的过程中,可能会用到一些高级能力(如数据统计、智能算法等),我们以云能力的形式提供给开发者。

面板物料超全汇总!开发智能面板小程序必备攻略来了

只要开通云能力,就能在小程序中直接调用对应的 API 并使用该高级能力。例如:

  • 图表能力:提供设备统计相关接口,配合小程序图表组件,可快速实现设备相关数据图表需求;
  • 设备日志:提供设备日志的查询能力;
  • 照明高级能力:提供生物节律、情景设置等照明能力;
  • 位置服务:提供获取设备实时位置与历史轨迹的能力;
  • 天气服务:提供实时查询天气状况的能力。

3. 智能设备模型(SDM)

当前面板小程序提供了大量丰富、灵活的 API,但部分 API 比较原子化。如何把它们合理组合调用,对新手而言具有一定挑战。为此,我们提供了智能设备模型(SDM)。

开发指南:https://developer.tuya.com/cn/miniapp/panels/extended/sdm

简单来说,它是一个基于 OOP 的面板小程序开发库。通过对设备数据管理、设备控制、状态监听的封装与差异抹平,让你在面板开发过程中减少对不必要细节的关注,将更多精力集中在以标准开发范式高效开发面板小程序上。

面板物料超全汇总!开发智能面板小程序必备攻略来了

在此基础上,我们还扩展出了智能群组模型(SGM)。它的大部分能力与使用方式与 SDM 一致,但因专为群组场景设计,部分 API 有所区别。

它的优势在于:通过调用高度封装的群组 API,可快速实现群组控制需求,适配性更强、开发时间更短。

开发问题咨询

开发过程中如有任何问题,可复制下方链接,进入【涂鸦智能小程序】开发者论坛提问,将有开发同事随时为你解答:

https://www.tuyaos.com/viewforum.php?f=10