Node-RED Dashboard 2.0 是一個全新的開源專案,旨在協助使用者快速建立資料驅動的儀表板和資料視覺化介面。 它由 FlowFuse 團隊開發,採用現代技術棧,如 Vue.js 和 Socket.IO,取代了原本基於 Angular v1 的舊版 Dashboard,提供更佳的效能和更多功能。 (gitcode.com)
主要特性:
無縫整合: 與現有的 Node-RED 節點順暢結合,支援各種資料流的控制和展示。
資料視覺化: 提供多樣化的圖表選項,如折線圖、柱狀圖和散點圖,透過強大的 ui-chart 節點滿足各種視覺化需求。
自訂模板: 透過 ui-template 節點支援 HTML 和 JavaScript 編寫,實現高度個性化的介面和 Vue 組件的開發。
互動控制: ui-event 和 ui-control 節點增強了使用者體驗,提供動態內容控制能力。
Markdown 與 Mermaid 支援: 利用這些輕量級標記語言,可以建立互動式文件和流程圖。
安裝與配置:
安裝 Node.js: 確保系統已安裝 Node.js(版本 12 或更高)。
安裝 Node-RED: 在終端中執行以下命令:
npm install -g node-red
啟動 Node-RED: 在終端中輸入:
node-red
安裝 Dashboard 2.0: 在 Node-RED 編輯器中,點擊右上角的選單按鈕,選擇「管理調色盤」,切換到「安裝」標籤,搜尋 @flowfuse/node-red-dashboard
,然後點擊「安裝」。 (dashboard.flowfuse.com)
配置與使用: 安裝完成後,可以在編輯器的左側節點面板中看到新的 Dashboard 節點。透過拖曳這些節點到工作區,並進行相應配置,即可建立自訂的儀表板介面。
Node-RED Dashboard 2.0 提供了強大的功能和靈活性,適合開發者和系統管理員快速構建高度自訂的使用者介面和資料視覺化應用。 如需更詳細的資訊,請參考官方文件: (dashboard.flowfuse.com)