編輯監控樹莓派的應用

1. 創建Web可視化應用。詳細操作請參見創建Web應用。

   說明

   以下Web應用的樣式配置僅為示例，用戶可根據實際場景自定義。

2. 在應用的頁面的畫布左側，編輯頁面標題。

   單擊編輯圖標后，輸入自定義標題即可。

3. 在應用編輯頁面，單擊左側導航欄的組件圖標。

4. 配置CPU相關組件，并為其配置數據源。

   1. 在畫布左側的組件列表欄，選擇基礎組件。

   2. 在畫布中添加一個矩形組件和一個文字組件。

      文字組件：如下圖所示設置文字內容。

      矩形組件：設置矩形組件填充顏色，作為其他組件的背景。

      組件配置的具體操作，請參見矩形和文字。

   3. 在畫布左側的組件列表欄，選擇工業組件。

   4. 配置兩個儀表組件（多色儀表盤），用于顯示CPU狀態數據。組件配置的具體操作，請參見多色儀表盤。

      

      • CPU負載儀表盤的樣式設置如圖所示。

      • CPU溫度儀表盤的樣式設置如圖所示。

   5. 為CPU的儀表盤配置數據源。

      在畫布中分別選中CPU的儀表盤組件，在右側對應的樣式欄，單擊數據源右側的配置數據源。

      依次選擇設備數據源、目標產品、指定設備和功能屬性，單擊確定。

      • CPU負載儀表盤的數據源設置如圖所示。

      • CPU溫度儀表盤的數據源設置如圖所示。

      參數	描述
      選擇數據源	選擇數據源為：設備。
      產品	選擇應用所在項目關聯的產品：樹莓派計算機。 有關項目關聯產品的詳細內容，請參見關聯產品和設備。
      設備	選擇樹莓派計算機下指定設備：raspberry4-00001。
      數據項	選擇待展示的設備屬性。您可根據組件需要展示的數據，選擇對應的功能屬性。 有關產品功能屬性的詳細內容，請參見為產品定義物模型。

5. 配置內存空閑組件，并為其配置數據源。

   1. 參考步驟3，從左側基礎組件選擇一個矩形組件和文字組件添加到畫布；從工業組件選擇一個單色儀表盤到畫布，進行如圖所示配置。組件配置的具體操作，請參見單色儀表盤。

      

   2. 選中單色儀表盤，單擊右側樣式欄的配置數據源。

      

   3. 單擊確定。

6. 配置磁盤存儲組件，并為其配置數據源。

   1. 參考步驟3，從左側基礎組件選擇一個矩形組件和文字組件添加到畫布；從工業組件選擇一個刻度表到畫布，進行如圖所示配置。組件配置的具體操作，請參見刻度表。

      

   2. 選中刻度表組件，單擊右側樣式欄的配置數據源。

      

   3. 單擊確定。

7. 配置指示燈開關組件，并為其配置數據源。

   1. 參考步驟3，從左側基礎組件選擇一個矩形組件和文字組件添加到畫布；從工業組件選擇一個旋鈕開關到畫布，進行如圖所示配置。組件配置的具體操作，請參見旋鈕開關。

      

   2. 選中旋鈕開關組件，單擊右側樣式欄的配置數據源。

      

   3. 單擊確定。

8. 單擊頁面頂部欄中的保存按鈕，保存應用設置。

9. 單擊頁面頂部欄中的預覽按鈕，預覽并調試應用。

發布應用

Web應用編輯完成后，將應用發布到云端，以供使用。

1. 單擊頁面頂部欄中的發布圖標。

2. 在發布應用中，輸入當前版本信息，單擊確定。

   

   應用發布成功。

   應用發布成功后，您可根據需要選擇綁定域名、設置Token，可將應用嵌入其他網站或修改已發布頁面中綁定的具體設備。

   • 有關域名配置的詳細內容，請參見域名管理。

   • 有關Token驗證的詳細內容，請參見Token鑒權。

   • 有關應用綁定設備的詳細內容，請參見批量綁定設備。