描述

游泳 LED 管理器應用程序內部

源代碼有很多注釋可以幫助你理解事情是如何運作的。如果您需要幫助或有任何疑問，請隨時聯(lián)系并詢問。我們很樂意幫助！設置和安裝說明包含在github 上的 README 中。

服務器

使用Swim 開源庫，我們可以創(chuàng)建一個應用程序服務器，該服務器為應用程序管理的每個 LED 面板創(chuàng)建一個Swim WebAgent 。然后，這些 WebAgent 中的每一個都可以管理分配給它的真實世界面板的狀態(tài)。然后，每個 WebAgent 中的數(shù)據(jù)都可用于 Panel 客戶端和 WebUI，其中狀態(tài)由用戶管理。客戶端可以在 WebAgent 中打開到各個泳道的游泳鏈接，以便在泳道的值發(fā)生變化時獲得實時更新。這也允許服務器和客戶端在彼此不同的硬件上運行。

客戶

客戶端腳本使用Swim JavaScript 客戶端鏈接并監(jiān)聽其各自 WebAgent上的泳道變化，并根據(jù) WebAgent 中存儲的狀態(tài)更新顯示。每個客戶端都在 NodeJS 中運行，并充當驅動物理顯示器的硬件的橋梁。

網(wǎng)頁界面

LED 管理器 UI 也由 Swim 提供，可以在http://:9001/. WebUI 是用戶管理服務器能夠管理的每個 LED 面板上顯示的內容的地方。UI 本身是一個簡單的像素編輯器，允許導入和編輯動畫 Gif 以在 LED 面板上顯示。導入新 Gif 時，請務必在上傳前將它們縮放到適合 LED 面板的正確尺寸。UI 還使用Swim JavaScript 客戶端鏈接到節(jié)點進程偵聽的相同泳道。通過使用游泳命令通道，用戶界面能夠更新和管理 LED 面板狀態(tài)。

WebUI 備忘單

?

?