描述

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

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

服務(wù)器

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

客戶

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

網(wǎng)頁(yè)界面

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

WebUI 備忘單

?

?