一文教你讀懂ZWS云的可視化開發

在物聯網項目中，不同行業的需求有差異，需要開發不同界面的 SaaS 應用，為解決用戶開發應用難問題，ZWS 云平臺支持可視化開發，用戶可以像搭積木一樣搭建 SaaS 應用以及 HMI 人機界面。

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

一、什么是可視化開發？

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

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

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

二、ZWS 云的可視化開發功能

ZWS 云平臺中實現可視化開發功能的是組態應用模塊，如果你想要快速的實現一個應用界面，只需添加一個組態應用，并根據實際需求自定義編輯組態，運行后就能看到應用界面效果了。

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

組態編輯

而組件又分為兩類，一類是 Web 基礎組件，是構建 Web 頁面的基礎元素；一類是工業組件，主要用于構建設備模擬運行場景。

組件分類

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

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

三、應用案例

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

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

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

鍋爐監控界面

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

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

高鐵站信號監控大屏

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

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

光伏電站監控系統

四、使用 ZWS 云平臺

1. 云平臺訪問

ZWS 云平臺網址：https://www.zlgcloud.comhttps://www.zlgcloud.com

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

2. 集成 SDK 的硬件設備

設備集成 SDK 后則可以接入 ZWS 云平臺。

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

客戶購買以上設備后，一方面，可以直接將設備添加到云端進行管理和監控；另一方面，若有行業 IoT 業務，也可以將行業 IoT 相關業務接入。如您有相關需求可聯系廣州致遠電子。

審核編輯 黃宇