關(guān)于涂鴉智能面板小程序，我們之前寫(xiě)了一篇如何確?？缍碎_(kāi)發(fā)體驗(yàn)，并融入 ChatGPT 的玩轉(zhuǎn)攻略（點(diǎn)擊查看往期介紹）！本次，為了進(jìn)一步提高開(kāi)發(fā)者開(kāi)發(fā)面板小程序的效率，我們又集齊了物料廣場(chǎng)、云能力、智能設(shè)備模型（SDM）和智能群組模型（SGM），全鏈路整合成面板物料庫(kù)。資料豐富、隨取隨用，讓面板小程序的開(kāi)發(fā)更便捷。

先來(lái)簡(jiǎn)單介紹下面板小程序，以便于大家更好理解面板物料的架構(gòu)，使用起來(lái)更得心應(yīng)手。

一、面板小程序

面板小程序是基于 Tuya MiniApp體系的一種面板開(kāi)發(fā)模式，在小程序體系基礎(chǔ)上進(jìn)行開(kāi)發(fā)構(gòu)建。相較于原來(lái)使用 RN 開(kāi)發(fā)，它具有更加完善便捷的開(kāi)發(fā)配套，以及更低的開(kāi)發(fā)門(mén)檻。

它通過(guò)以下兩種方式來(lái)加強(qiáng)提升面板開(kāi)發(fā)效率和體驗(yàn)：

1. 通過(guò) IDE 集成了面板特有的開(kāi)發(fā)調(diào)試環(huán)境2. 提供了 Ray 這個(gè)開(kāi)發(fā)框架其中，

Ray 是涂鴉自研的跨端應(yīng)用開(kāi)發(fā)框架。

它支持將 React 的代碼通過(guò)編譯和運(yùn)行，轉(zhuǎn)化成小程序語(yǔ)法，使其最終能在小程序容器內(nèi)運(yùn)行起來(lái)。

Ray 主要具備以下優(yōu)點(diǎn)：

● 內(nèi)部預(yù)置了設(shè)備面板開(kāi)發(fā)的基礎(chǔ)能力，能大大加快面板開(kāi)發(fā)速度；

● 可使用如 Hooks、Context 等 React API，同時(shí)共享 React 的周邊生態(tài)，來(lái)構(gòu)建你的面板小程序。

● 支持微信小程序，讓你的面板小程序在微信上運(yùn)行起來(lái)。

因此，將 Ray 作為開(kāi)發(fā)面板小程序的語(yǔ)法框架，是當(dāng)前最好的選擇。

二、面板物料

1、物料廣場(chǎng)

為了能進(jìn)一步加快開(kāi)發(fā)者開(kāi)發(fā)面板的效率，我們沉淀了一部分開(kāi)發(fā)物料，其中包括組件、SDK 等，全都發(fā)布在物料廣場(chǎng)，后續(xù)也將保持更新。

復(fù)制鏈接可直達(dá)物料廣場(chǎng)----https://developer.tuya.com/material/library_oHEKLjj0/

這些物料除了通用的 UI 交互，也會(huì)封裝一定的涂鴉能力，讓開(kāi)發(fā)者在面對(duì)一些比較復(fù)雜的邏輯時(shí)，能更快上手。

另外，我們還提供了面板物料查詢(xún)功能，當(dāng)你重新開(kāi)始開(kāi)發(fā)一個(gè)面板的時(shí)候，可以支持你快速查詢(xún)到該面板可能用到的物料，以盡快理清開(kāi)發(fā)思路，上手更輕松。

2、云能力

在開(kāi)發(fā)面板的過(guò)程中，可能需要一些高級(jí)能力，比如信息統(tǒng)計(jì)、智能算法等，我們會(huì)以云能力的形式提供給開(kāi)發(fā)者。

只要開(kāi)通云能力，在小程序中就能直接調(diào)用對(duì)應(yīng)的 API，并使用該高級(jí)能力。例如：

● 圖表能力：提供了設(shè)備統(tǒng)計(jì)相關(guān)的接口，并配合小程序圖表組件，可快速實(shí)現(xiàn)與設(shè)備相關(guān)的信息圖表需求

● 設(shè)備日志：提供了設(shè)備日志的查詢(xún)能力

● 照明高級(jí)能力：提供了包括生物節(jié)律、情景設(shè)置等照明能力

● 位置服務(wù)：提供獲取設(shè)備實(shí)時(shí)位置和歷史軌跡的能力

● 天氣服務(wù)：提供實(shí)時(shí)查詢(xún)天氣狀況的能力

3、智能設(shè)備模型（SDM）

當(dāng)前面板小程序提供了大量豐富且靈活的 API，但是有些 API 比較原子化，要搞清楚如何對(duì)它們進(jìn)行合理的調(diào)用組合，對(duì)于新手來(lái)說(shuō)具有一定挑戰(zhàn)性。所以，我們提供了智能設(shè)備模型（SDM）。

復(fù)制鏈接，了解智能設(shè)備模型的具體開(kāi)發(fā)指南：https://developer.tuya.com/cn/miniapp/panels/extended/sdm

簡(jiǎn)單來(lái)說(shuō)，它是一個(gè)基于 OOP 的面板小程序開(kāi)發(fā)庫(kù)。通過(guò)對(duì)設(shè)備的信息管理、設(shè)備控制、狀態(tài)檢測(cè)的封裝以及差異抹平，

讓你在面板開(kāi)發(fā)的過(guò)程中能減少對(duì)不必要細(xì)節(jié)的關(guān)注，而可以將更多精力集中在利用標(biāo)準(zhǔn)的開(kāi)發(fā)范式，對(duì)面板小程序進(jìn)行高效開(kāi)發(fā)。

另外，我們?cè)诖嘶A(chǔ)上，也擴(kuò)展出了智能群組模型（SGM），他們的大部分能力和使用方式都一致。不過(guò)，由于智能群組模型是為群組場(chǎng)景而設(shè)計(jì)的，因此在部分 API 上有所區(qū)別。但它的優(yōu)勢(shì)主要在于，可以通過(guò)調(diào)用高度封裝的群組 API ，來(lái)快速實(shí)現(xiàn)群組控制需求，適配性更強(qiáng)，開(kāi)發(fā)時(shí)間更短。

審核編輯 黃宇