描述

游泳 LED 管理器應(yīng)用程序內(nèi)部

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

服務(wù)器

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

客戶

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

網(wǎng)頁界面

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

WebUI 備忘單

?

?