摘要：在物聯網項目中，不同行業(ye) 的需求有差異，需要開發不同界麵的SaaS應用，為(wei) 解決(jue) 用戶開發應用難問題，ZWS雲(yun) 平台支持可視化開發，用戶可以像搭積木一樣搭建SaaS應用以及HMI人機界麵。

ZWS雲(yun) 平台，全稱為(wei) ：ZLG?Web?Service雲(yun) 計算服務平台，是一個(ge) 標準通用的物聯網雲(yun) 端平台型服務係統，支持多種通信協議設備的接入管理，包括ZigBee、LoRaWAN、OPCUA、CAN、Modbus等協議，具有遠程監控和管理設備、數據解析、數據分析、告警觸發、數據推送等功能。本文簡述了ZWS雲(yun) 的可視化開發模塊和使用方法，以及對不同場景需求可視化開發的案例。

一、什麽(me) 是可視化開發？

企業(ye) 的業(ye) 務不同，對於(yu) 界麵應用、設備場景的搭建需求也不同，這些個(ge) 性化的需求如果全部由開發人員來實現，會(hui) 麵臨(lin) 三個(ge) 方麵的問題：一是開發周期長，短則數月長則數年；二是開發成本高，比如人力成本；三是穩定性較低，從(cong) 頭開發交付質量無法保障。

為(wei) 了能靈活應對需求，快速搭建應用界麵，可視化開發就應運而生了。

可視化開發是提供基本的組件，讓非開發人員（例如產(chan) 品、運營、業(ye) 務管理層）能通過拖拉拽組件形式像搭積木一樣生成一個(ge) 應用界麵，並且能立即運行跑起來。

二、ZWS雲(yun) 的可視化開發功能

ZWS雲(yun) 平台中實現可視化開發功能的是組態應用模塊，如果你想要快速的實現一個(ge) 應用界麵，隻需添加一個(ge) 組態應用，並根據實際需求自定義(yi) 編輯組態，運行後就能看到應用界麵效果了。

那麽(me) 如何編輯組態呢？首先，組態編輯有三大可操控區域：組件區、畫布區、配置區。

組態編輯

而組件又分為(wei) 兩(liang) 類，一類是Web基礎組件，是構建Web頁麵的基礎元素；一類是工業(ye) 組件，主要用於(yu) 構建設備模擬運行場景。

組件分類

組態編輯的過程就是將組件拖拽入畫布區，然後雙擊組件，在右側(ce) 的配置區設置組件的框體(ti) 、配置、數據、事件等屬性，每個(ge) 組件重複以上的步驟就能搭建起應用界麵了。

在配置組件時，將設備數據綁定到組件上，用來實現界麵上簡單的業(ye) 務數據和邏輯，比如：在1號燈旁邊的文本框組件綁定上燈的亮度數據點，運行組態後就能在界麵上看到1號燈的亮度變化。

三、應用案例

ZWS雲(yun) 平台的組態應用能滿足多種個(ge) 性化界麵的搭建，非技術人員可以根據實際應用場景，自己構建出設備模擬場景或個(ge) 性化的雲(yun) 平台界麵。比如下麵的案例就是通過組態應用來實現的。

1.案例一：鍋爐監控界麵

通過拖拽鍋爐、儀(yi) 表盤等工業(ye) 組件以及基礎文本框組件，搭建了一個(ge) 與(yu) 企業(ye) 現場鍋爐運作流程1:1還原的場景，界麵中的儀(yi) 表盤、溫度計等都可以實時看到對應的設備數據。

鍋爐監控界麵

2.案例二：高鐵站信號監控大屏

通過對信號圖標組件綁定設備的信號強度數據，搭建了高鐵站內(nei) 各處位置的通信質量檢測界麵，當信號出現異常時，信號圖標會(hui) 變成紅色，並提示信號異常，以便用戶能快速發現信號異常位置。

高鐵站信號監控大屏

3.案例三：光伏電站監控係統

通過左側(ce) 導航、實時數據圖表、文本框等組件，搭建了一個(ge) 常規的光伏電站監控係統，可以查看光伏電站的發電情況。

光伏電站監控係統

四、使用ZWS雲(yun) 平台

1.雲(yun) 平台訪問

ZWS雲(yun) 平台網址：https://www.zlgcloud.com

注：建議使用穀歌Chrome瀏覽器訪問。

2.集成SDK的硬件設備

設備集成SDK後則可以接入ZWS雲(yun) 平台。

已集成SDK的致遠硬件設備有：ZigBee節點和網關(guan) 、LoRaWAN節點和網關(guan) 、CANDTU模塊、DTU透傳(chuan) 模塊以及開發板（核心板）等。

客戶購買(mai) 以上設備後，一方麵，可以直接將設備添加到雲(yun) 端進行管理和監控；另一方麵，若有行業(ye) IoT業(ye) 務，也可以將行業(ye) IoT相關(guan) 業(ye) 務接入。如您有相關(guan) 需求可聯係廣州致遠電子。

係統架構

係統界麵