面板物料超全匯總！開發(fā)智能面板小程序必備攻略來了

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

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

一、面板小程序

面板小程序是基于 Tuya MiniApp體系的一種面板開發(fā)模式，它是基于小程序體系進行開發(fā)構(gòu)建。相較于原來使用 RN 開發(fā)，它具有更加完善便捷的開發(fā)配套，以及更低的開發(fā)門檻。它通過以下兩種方式來加強提升面板開發(fā)效率和體驗：1. 通過 IDE 集成了面板特有的開發(fā)調(diào)試環(huán)境2. 提供了 Ray 這個開發(fā)框架其中，Ray 是涂鴉自研的跨端應(yīng)用開發(fā)框架。它支持將 React 的代碼通過編譯和運行，轉(zhuǎn)化成小程序語法，使其最終能在小程序容器內(nèi)運行起來。Ray 主要具備以下優(yōu)點：● 內(nèi)部預(yù)置了設(shè)備面板開發(fā)的基礎(chǔ)能力，能大大加快面板開發(fā)速度；

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

● 支持微信小程序，讓你的面板小程序在微信上運行起來。

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

二、面板物料

1、物料廣場

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

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

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

2、云能力

在開發(fā)面板的過程中，可能需要一些高級能力，比如數(shù)據(jù)統(tǒng)計、智能算法等，我們會以云能力的形式提供給開發(fā)者。

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

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

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

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

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

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

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

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

簡單來說，它是一個基于 OOP 的面板小程序開發(fā)庫。通過對設(shè)備的數(shù)據(jù)管理、設(shè)備控制、狀態(tài)監(jiān)聽的封裝以及差異抹平，讓你在面板開發(fā)的過程中能減少對不必要細(xì)節(jié)的關(guān)注，而可以將更多精力集中在利用標(biāo)準(zhǔn)的開發(fā)范式，對面板小程序進行高效開發(fā)。

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