IoT Studio提供了組件開發功能,便于開發者開發、發布和管理自己研發的組件,并將其發布到可視化工作臺中用于可視化頁面搭建。從而滿足開發者的需求,提升組件豐富性,為可視化搭建提供無限可能。

使用說明

組件開發功能升級中,暫停新用戶申請開通白名單權限。

已開通白名單權限的用戶可繼續使用組件開發功能。

背景信息

IoT Studio的Web可視化開發中提供了很多組件用于搭建Web頁面,由于提供的官方組件數量有限,很難滿足用戶所有的需求。因此,為了解決組件調用不足的問題,IoT Studio推出了組件開發功能。

IoT Studio組件目前使用的是react技術棧。任何一個普通的react組件都可以成為IoT Studio組件。IoT Studio將賦予react組件一些強大的能力,例如,為組件配置接口數據源,定時調用接口,根據接口的返回結果,動態設置組件本身的字體、顏色等樣式;或賦予組件對外提供自定義好的服務功能,以供外部調用。

功能特性

  • 個人開發組件和公共組件功能

    組件開發工作臺提供了個人組件開發功能。新開發的個人組件僅支持開發者可見并使用,可通過將個人組件打包上傳到公開組件包,供其他客戶使用,且后續可支持正式商用。

  • 強大的本地開發功能

    通過配套的組件本地開發工具(material-cli),支持實時開發和編譯組件,并將其上傳到組件開發工作臺。在組件開發工作臺支持實時預覽組件效果,或模擬線上環境預覽組件效果。

  • 組件管理功能

    組件開發工作臺提供了組件管理功能,包括創建、搜索、編輯、刪除和發布等,便于開發者管理和使用更多的豐富組件。

  • 快速上傳和構建

    組件開發工作臺支持一鍵上傳和查看構建進度功能。將開發好的組件打包成ZIP文件一鍵上傳后,可實時查看構建進度。IoT Studio系統會反饋構建結果到組件開發工作臺,并產生相應的構建日志。如果系統反饋構建失敗,可通過構建日志查看構建失敗的原因。

  • 組件操作文檔管理

    組件開發工作臺提供了可預覽且會自動保存的Markdown編輯器,用于編輯組件操作文檔,包括概述(必須編輯)、樣式配置、數據源配置和動作配置等。針對需要市場化的組件,還提供了組件案例編輯功能,便于組件市場化。

  • 一鍵發布

    組件開發工作臺提供了組件一鍵發布功能,且支持組件的多次發布。代碼構建完成后,即可一鍵完成組件的發布。如果開發者多次發布組件,支持查看發布歷史和管理發布狀態等功能。

相關文檔

開發組件