任務一：創(chuàng)建智慧小區(qū)安全防護系統(tǒng)產品設備
1.1實訓目的
??1、通過中移OneNET物聯(lián)網開放平臺新建產品（MQTT）；
??2、根據(jù)項目場景創(chuàng)建產品物模型；
??3、創(chuàng)建基于MQTT的云平臺設備；
??4、查看設備運行狀態(tài)及數(shù)據(jù)。
1.2實訓步驟
??1.2.1創(chuàng)建基于 MQTT 協(xié)議的產品
??步驟1 通過中移物聯(lián)網首頁的“全部產品服務”菜單進入 “物聯(lián)網開放平臺”功能頁
??步驟2 創(chuàng)建產品，展開左側菜單“產品開發(fā)”功能，點擊“創(chuàng)建產品”按鈕，進行產品添加。
??添加必要的產品信息。選擇產品品類（不一定必須一致，符合項目任務背景即可），智能化方式為“設備接入”方式，其中“節(jié)點類型”選擇“直連設備”，“接入?yún)f(xié)議”選擇“MQTT”，“數(shù)據(jù)協(xié)議”選擇“OneJson”，“聯(lián)網方式”選“Wi-Fi”，“開發(fā)方案”選擇“自定義方案”。其他信息字段，對本次任務實際完成效果沒有影響。
??1.2.2根據(jù)項目場景創(chuàng)建產品物模型步驟
??步驟1 進入產品開發(fā)詳情頁面
??步驟2 點擊頁面右側的“設置物模型”按鈕，進入物模型管理頁面，按下述步驟添加系統(tǒng)功能點和自定義功能點。
??步驟3 在彈出的添加頁面中，選擇如下圖所示的系統(tǒng)功能點，點擊右下角的“添加”按鈕完成添加。
??步驟4 點擊“添加自定義功能點”
??在彈出的添加頁面中，按如下各個字段內容，添加項目場景所需的功能點信息。多個自定義功能點，需每次新增后，再次點擊添加。（標識符字段輸入內容請保持下圖內容一致）
??步驟5 檢查并保存創(chuàng)建的物模型
??檢查頁面上添加的物模型各功能點信息無誤后，點擊“保存”按鈕，并點擊彈出的確認提示“確定”。則創(chuàng)建的物模型在 OneNET 平臺上生效。
1.2.3 創(chuàng)建基于 MQTT 的設備
??步驟1 進入設備管理頁面
??當我們完成上一步驟返回產品列表頁面時，可在剛建立產品列表的操作項中點擊“設備管理”，頁面即進入設備列表管理頁面。我們也可以點擊左側菜單的“設備接入管理”，進入下一級菜單“設備管理”，同樣進入該管理頁面。
??步驟2 添加一個設備的信息，用于真實設備接入
??目前剛創(chuàng)建的產品，當前設備數(shù)為 0，我們點擊右側的“添加設備”按鈕：
??在彈出的添加設備頁面中，添加單個設備，所屬產品則選擇剛建立的產品名稱，設備名稱輸入Controller
??步驟3 再添加一個設備的信息，用于模擬工具接入
??再次點擊“添加設備”，該設備名稱輸入Simulator（同樣請按此信息輸入，確保與后續(xù)實訓任務相呼應），產品依舊選擇剛建立的產品名稱，最后點擊“確定”保存當前設備的信息。
1.2.4 設備狀態(tài)及信息查看
??步驟1 查看設備運行狀態(tài)
??點擊左側菜單“設備管理”，顯示設備列表頁面，其中“設備狀態(tài)”列展示了對應設備的運行狀態(tài)。
??步驟2 查看設備詳細信息
??點擊設備列表右側操作項“詳情”，在設備詳情頁面，查看設備及歸屬產品的詳細信息。這里的信息，后續(xù)任務步驟中會使用到。
1.3 拓展實訓部分
??1.3.1 設備分組管理
??步驟1 創(chuàng)建設備分組支持設備分組功能，可以將不同產品下的不同設備組合在一起，即增加一個跨產品的自定義設備組合。
??點擊左側“設備分組”子菜單進入分組管理頁面，點擊右側“添加分組”，在彈出的頁面中填寫分組名稱，點擊“新建”完成分組創(chuàng)建。
??點擊創(chuàng)建好的分組信息列表操作列中的“詳情”，進入當前設備分組信息頁面。
??步驟2 為分組添加設備初始時沒有設備存在于該分組中，列表顯示為空白。注意分組信息展示的內容，分組也有自己的key，這個 key 可用于按分組方式接入 OneNET 平臺的方式時，計算 Token 的授權憑據(jù)。
??點擊頁面右側“添加設備”按鈕，彈出的頁面展示了左右兩欄設備列表。左側列出了所有產品下的待添加設備，已加入到某個分組的設備則不會顯示。選擇左側之前創(chuàng)建好的設備，右側會自動出現(xiàn)該設備信息，表示已被選擇加入到當前分組中。點擊下面的“確定”按鈕完成將設備加入到分組的操作。
1.5 實訓筆記
??MQTT協(xié)議是一個基于發(fā)布/訂閱模式的輕量級通訊協(xié)議，MQTT數(shù)據(jù)包由固定頭、可變頭和負載三部分構成，其最大的優(yōu)點是可以以極少的網絡帶寬和代碼量，為遠程設備提供實時可靠的消息服務。
??MQTT通過客戶端和服務器端的交互實現(xiàn)消息傳遞?？蛻舳丝梢允窍⒌陌l(fā)布者或訂閱者，而服務器則負責消息的路由和轉發(fā)。消息由主題（Topic）和負載（Payload）兩部分組成，其中主題用于區(qū)分消息類別，負載則是具體的消息內容。
??物模型是在物聯(lián)網平臺中用于描述產品功能的數(shù)據(jù)模型，它從屬性、服務和事件三個維度描述，屬性描述設備的狀態(tài)和信息，服務代表設備可以執(zhí)行的操作，事件則是設備主動上報的信息，這些維度共同描述了設備的功能和行為，是設備與應用之間溝通的橋梁。
??為了統(tǒng)一不同設備的功能描述，物模型引入了標準參數(shù)概念。每個品類的設備都有一套標準參數(shù)，便于開發(fā)者理解和使用，通過標準化設備的能力表達和交互方式，降低了物聯(lián)網應用開發(fā)的復雜度和成本。
任務二：智慧小區(qū)安全防護系統(tǒng)模擬設備接入
2.1 實訓目的
??1、通過模擬工具調試設備接入；
??2、通過模擬設備，實現(xiàn)屬性上報；
??3、OneNET 平臺下發(fā)屬性值（命令）到模擬設備；
2.2.1 模擬設備接入OneNET 平臺
??步驟1 獲取產品、設備的必要信息
??1、產品 ID，設備名稱，設備密匙
??步驟2 使用官方 Token 計算工具，獲得驗證 token 信息
??res：products/產品ID/devices/設備名稱
??et：用在線時間戳工具，計算生成一個 5 天后時間點，得到一串形如填寫示例的數(shù)字。
??key：設備密匙
??其余信息與圖中一致
??步驟3 安裝并配置 MQTT.fx 工具模擬設備信息
??（1） 設置 Profile Name：可設置一個便于記憶的名字，如“某產品某設備接入模擬”
??（2） 設置 Broker Address：mqtts.heclouds.com （MQTT 設備接入平臺網址）
??（3） 設置 Broker 端口：1883 （本次實訓任務采用非 TLS 加密的 MQTT 連接）
??（4） 設置 Client ID：{設備名稱}（前一個步驟中確定的設備名稱填入此處)
在下方的第一個選項頁“General”中，設置：
??（5） MQTT 協(xié)議版本號：取消默認勾中，確保下方版本選擇下拉框可選，并選擇為 3.1.1
點擊 “User Credentials”選項頁，繼續(xù)設置：
??（6） 設置 User Name：{產品 ID}（前一個步驟中確定的產品 ID)
??（7） 設置 Password：{token} （前一個步驟中計算得到的 token)
??點擊OK 保存連接配置。
??步驟4 使用 MQTT.fx 工具模擬設備接入
??運行 MQTT.fx 工具，點擊選擇剛剛保存的連接配置列表項，點擊“Connect”，如果一切正常，工具將很快登陸接入OneNET 平臺，此時 Connect 按鈕變灰，右側 Disconnect 按鈕處于激活狀態(tài)。
??當工具顯示正常連接后，稍等一會手動刷新，查看OneNET 平臺中當前模擬的設備在頁面顯示為在線狀態(tài)
2.2.2 模擬設備接入OneNET 平臺實現(xiàn)屬性上報
??步驟1 訂閱屬性上報結果通知消息
點擊模擬工具的“Subscribe”選項頁表頭，在其中的輸入框填寫屬性上報結果通知topic。
??$sys/產品 ID/設備名稱/thing/property/post/reply
??其中產品 ID、設備名稱內容，根據(jù)實際創(chuàng)建的產品和設備信息替換，將替換后完整的 topic，填入模擬工具“Subscribe”選項頁中的輸入框，如下圖所示：
??點擊“Subscribe”按鈕向平臺訂閱該主題，平臺返回成功后，工具左側中的已訂閱主題列表會有一條記錄，且該主題下當前消息數(shù)為 0。
??步驟2 發(fā)送屬性上報消息
??點擊“Publish”選項頁表頭，切換到消息發(fā)送頁，在輸入框中填入屬性上報 topic 主題，該 topic為：
??$sys/產品 ID/設備名稱/thing/property/post
??在下空白編輯區(qū)中，輸入如下內容：
{
"id": "123",
"version": "1.0",
"params": {
"distance": {
"value": 28.88,//上報的屬性值，填入一個合適的數(shù)字即可，如 28.88
"time": 1599534283111//屬性值上報時間，該參數(shù)可刪除不填，如果填寫，需用時間戳計算工具獲得當前時刻的時間戳（單位ms）
}
}
}
??輸入并檢查無誤后，點擊“Publish”按鈕。
??步驟3 查看屬性上報結果
??點擊“Subscribe”選項頁表頭，查看之前訂閱的屬性上報結果通知消息 topic 下，收到的消息如下圖示例：
??可以看到最新的一條消息，標識了消息的 id 和 code，其中 id 的值為發(fā)送時的 id 值，code 值為 200表示該條消息成功送達 OneNET 平臺。
??步驟4 OneNET 平臺中查看設備的屬性最新值
??回到 OneNET 平臺中設備管理頁面，進入“Simulator”設備詳情，查看當前設備各個屬性的最新數(shù)據(jù)，確認顯示出通過模擬工具上報來的 value 值：
2.2.3 OneNET 平臺下發(fā)屬性值到模擬工具
??步驟1 訂閱接收平臺下發(fā)屬性數(shù)據(jù)的 topic
??設備側如需要收到平臺下發(fā)的數(shù)據(jù)，需要訂閱接收平臺下發(fā)數(shù)據(jù)的 topic，該 topic 為：
??$sys/產品 ID/設備名稱/thing/property/set
??點擊模擬工具的“Subscribe”選項頁表頭，在其中的輸入框填寫平臺下發(fā)屬性數(shù)據(jù)的 topic。點擊“Subcribe”按鈕完成訂閱，如下所示，成功后訂閱列表會多一個新的訂閱頻道，當前消息數(shù)為 0。
??步驟2 OneNET 平臺下發(fā)屬性數(shù)據(jù)
??在“設備管理”中選擇要下發(fā)屬性的設備（本任務中選擇前面任務中創(chuàng)建的產品和Simulator 設備），點擊詳情進入設備信息頁面，切換功能為“設備調試”
??在下方顯示頁面中選擇“應用模擬器”，勾中屬性功能點距離 distance，并填寫一個具體數(shù)值，如 33.3，點擊頁面下方的 “屬性設置”按鈕，完成發(fā)送?？梢栽陧撁嬗覀鹊恼{試日志中看到下發(fā)的日志信息。
??步驟3 模擬設備中查看收到的屬性數(shù)據(jù)值
??點擊模擬工具的“Subscribe”選項頁表頭，可以看到已訂閱列表中，關于平臺下發(fā)屬性數(shù)據(jù)的topic， 當前消息數(shù)是 1。點擊右側消息列表最下方一條消息，可以看到其中的內容信息，收到的值與前一步驟中下發(fā)的值相同。
2.3 拓展實訓部分
2.3.1 仿真設備信息上傳
??步驟1 進入設備調試功能
??在“設備管理”中選擇要下發(fā)上報信息的設備（本任務中選擇前面任務中創(chuàng)建的產品和 Simulator 設備），點擊詳情進入設備信息頁面，切換功能為“設備調試”。
??步驟2 啟動設備模擬器
??注：如果此時頁面提示設備已經登陸，需要先檢查，之前模擬工具是否還處于連接狀態(tài)中，如是則點擊模擬工具中的“Disconnect”按鈕，并等待一定時間再次刷新頁面，直到頁面顯示可以啟動調試。
??點擊“啟動調試”按鈕。啟動后，屬性上報 Tab 頁展示了當前設備可以上報的數(shù)據(jù)點
??步驟3 輸入當前設備的WiFi定位信息上報
??向下瀏覽或通過輸入關鍵字搜索定位到“WiFi定位”屬性數(shù)據(jù)點，勾中前面的選框，并點擊右側下拉展開箭頭，在該數(shù)據(jù)點下的“熱點mac信息”輸入框中輸入某個WiFi熱點的mac地址信息，如F4-6A-DD-E9-2C-0F。點擊下方的“屬性上報”。
??觀察頁面右側顯示的數(shù)據(jù)上報及平臺回應信息，確認數(shù)據(jù)成功上報。
??步驟4 在設備詳情頁面查看設備上報的熱點位置信息數(shù)據(jù)
??返回設備詳情頁面，切換“屬性”頁面，查看設備屬性點的數(shù)據(jù)信息，已經有數(shù)據(jù)記錄。
2.4 實訓筆記
??MQTT模擬設備接入的原理是基于發(fā)布/訂閱模式的輕量級消息傳輸協(xié)議，通過模擬器作為客戶端與物聯(lián)網平臺進行交互，實現(xiàn)設備的快速驗證和測試。其步驟如下：
??首先在物聯(lián)網平臺中創(chuàng)建產品并注冊設備，獲取必要的連接參數(shù)如產品ID、設備名稱和設備密鑰等；
??使用支持MQTT的客戶端模擬器，如MQTT.fx、MQTTX等，配置MQTT客戶端，填入接入平臺網址、端口、MQTT 協(xié)議版本號、產品ID，Token等信息；
??連接建立后，客戶端根據(jù)需求訂閱相關主題，以便接收來自其他設備或應用的消息?？蛻舳丝梢?strong>向指定主題發(fā)布消息，模擬設備的數(shù)據(jù)上傳過程；
任務三：基于真實設備接入 OneNET 平臺
3.1 實訓目的
??1、基于真實設備，搭建軟硬件環(huán)境，接入 OneNET 平臺并實現(xiàn)設備屬性上報；
??2、通過OneNET 平臺的“設備調試”實現(xiàn)設備屬性下發(fā)；
??3、通過OneNET 平臺的“API 調試”實現(xiàn)設備屬性下發(fā)；
??4、直接基于API 方式實現(xiàn)設備屬性下發(fā)；
3.2 實訓步驟
3.2.1 真實設備接入OneNET 平臺實現(xiàn)屬性上報
??步驟1 基于 OneNET 物聯(lián)網實驗箱搭建實訓項目終端硬件平臺
??選取 OneNET 物聯(lián)網實驗箱“核心模塊”以及“Wifi 模塊”、“蜂鳴器模塊”、 “超聲波模塊”進行搭建
??步驟2 修改設備程序的 OneNET 平臺網絡接入配置參數(shù)
??修改如下幾處代碼，讓工程具備正確的網絡訪問以及 OneNET 平臺接入驗證和適配本次實訓任務所需的物模型數(shù)據(jù)屬性上報、寫入能力。具體代碼文件在工程中的位置如下圖所示
??A. 工程相對路徑\device\src\net_device.c 約 677 行處，將{wifi}、{password}替換為設備所在 Wifi 網絡用戶名和密碼（將{}括號一起替換，下同）；
??B. 工程相對路徑\onenet\src\onenet.c 約 56 行處，依次修改{設備密鑰}、{產品 id}、{設備名稱}為之前步驟中在 OneNET 平臺 中所創(chuàng)建的產品、設備相關信息，本例中設備名稱就是之前步驟中創(chuàng)建的“Controller”設備，并對應填入其設備密鑰；
??步驟3 編譯工程，連接下載器燒寫程序到設備中
??下載器的連接以及燒寫過程略。下載成功后設備重新加電，等待一定時間，進入下一步。
??步驟4 OneNET 平臺側查看設備狀態(tài)
??登錄 OneNET 平 臺 ，查看“Controller”設備運行狀態(tài)為在線，具體操作與前述步驟中查看設備狀態(tài)相同，圖略。若此時設備顯示為不在線，則排查前面關于網絡接入、OneNET 鑒權等代碼修改處是否有誤。
??步驟5 OneNET 平臺側查看設備上報數(shù)據(jù)信息
??進入設備詳情頁面，查看屬性表格頁展示的各個數(shù)據(jù)點顯示的信息。（下圖僅為示例參考）
3.2.2 下發(fā)屬性在終端設備上執(zhí)行生效（設備調試）
??步驟1 通過 OneNET平臺 的設備調試方式進行屬性下發(fā)
??打開設備管理列表頁面，選擇之前步驟中創(chuàng)建的MQTT產品下的“Controller”設備，點擊“詳情”進入設備詳情頁面，并點擊 “設備調試”選項，進入 OneNET 平臺 的設備調試功能頁面。本任務中，需要切換調試方式為“應用模擬器”，下方頁面展示了可以設置的屬性（物模型中可寫的屬性功能點）。
??先勾選一個功能點，然后設置下發(fā)的數(shù)值。（以蜂鳴器為例，這是一個 bool 型功能點，勾選后，可設置值為 true、false 兩個之一，本次任務選擇 true 作為下發(fā)數(shù)值）點擊頁面下方的“屬性設置”按鈕，右側調試日志展示了下發(fā)的報文，設備端也同時將該數(shù)值執(zhí)行生效。
3.2.3 下發(fā)屬性在終端設備上執(zhí)行生效（API 調試）
??步驟2 進入“API 調試”功能頁面
??點擊“運維監(jiān)控”菜單下“API 調試”子菜單，并展開工作頁面左列顯示的大類調試類別中的“物模型使用”下拉列表，選擇“設置設備屬性”API項，如下圖所示：
??在中間頁面展示的必填參數(shù)中，填寫頁面中輸入必要的參數(shù)，如下圖所示，本次任務中，填入真實接入的設備“Controller”所對應的相關信息：
??其中的params內容填寫要設置的屬性標識符以及對應設置值，本次任務中設置蜂鳴器狀態(tài)為true，文本示例參考如下：
{
"beep": true
}
??點擊下方的“執(zhí)行”按鈕，等待一會兒后，設備端執(zhí)行下發(fā)的屬性值（蜂鳴器響），同時右側列頁面刷新顯示出調用結果，也就是整個API 模擬調用的報文交互結果。幾個紅色框強調處，是api 調用的關鍵信息。實際的API 接口調用能否正確，需要這幾處關鍵信息填寫正確。
3.2.4 基于API 方式實現(xiàn)設備屬性下發(fā)
??步驟1 填入必要參數(shù)
??1、根據(jù)API文檔的信息，確定設備屬性設置的請求方式、請求 url ，填入到 Postman 工具url填寫欄，將 Postman工具url填寫欄前面的下拉選項改為“POST”。
??2、確定請求 body 內容及格式，以蜂鳴器屬性值（beep）下發(fā)為例， product_id為產品ID，device_name為設備名稱，params 為需要下發(fā)的結構化數(shù)據(jù)，同時包含了要下發(fā)的“beep”屬性點的值，示例中為 true 數(shù)據(jù)。以鍵值對形式將上述需要設置的具體參數(shù)組裝為 body 報文內容，最終填入 Postman 工具的 Body 選項頁內。
{
"product_id": "84qVvid4b5",
"device_name": "Controller",
"params":
{
"beep": true
}
}
??3、確定請求的 Header 內容，這里需要一個向 OneNET 平臺鑒權所需的必要信息字段，就是“authorization ”信息，res 參數(shù)須以“userid/ 用戶 ID”的格式填入，版本號須為“2022-05-01”，字段具體內容根據(jù)實際情況進行填入。
??步驟2 發(fā)起 API 請求，查看結果
??發(fā)起請求前確認當前真實設備已在線，以蜂鳴器屬性值（beep）下發(fā)為例，通過 postman 發(fā)起請求， 通過平臺鑒權后，該請求會下發(fā)到對應的真實設備，打開蜂鳴器開關，蜂鳴器會按照程序里預置的邏輯進行鳴響。
3.2.5 基于OneNET 云平臺的場景聯(lián)動
??步驟 1 進入 OneNET 平臺 場景聯(lián)動管理功能
??進入 OneNET 平臺 控制臺頁面，點擊“數(shù)據(jù)流轉”菜單下“場景聯(lián)動”子菜單，進入場景聯(lián)動管理功能頁面。
??步驟2 創(chuàng)建場景聯(lián)動規(guī)則
??點擊頁面右上角“新建場景”，填寫場景名稱，這里我們需要一個“距離太近告警”的場景，點擊添加進入下一步。
??步驟3 編輯距離探測告警的聯(lián)動規(guī)則
??1、觸發(fā)方式：“設備觸發(fā)”
??2、選擇產品分組：“選擇產品”
??3、選擇具體產品：選擇之前實訓任務中創(chuàng)建的MQTT產品名稱
??4、選擇設備： 選擇該產品下的Controller設備
??5、選擇信息源類型：“設備功能點”
??6、選擇功能：選擇該產品下的“距離”數(shù)據(jù)點
??7、修改關系運算符：“<”
??8、數(shù)值：填入 "5"
??其次點擊增加“執(zhí)行動作”，在“動作一”內容中，依次選擇：
??1、選擇動作類型：“設備執(zhí)行”
??2、選擇產品分組：“選擇產品”
??3、選擇具體產品：選擇之前實訓任務中創(chuàng)建的MQTT產品名稱
??4、選擇設備： 選擇該產品下的Controller設備
??5、選擇功能：選擇該產品下的“蜂鳴器”
??6、數(shù)據(jù)值選擇 "1"。
??點擊“確定”創(chuàng)建好改場景信息，并修改其啟用狀態(tài)為“開”。
??步驟4 再新增一個聯(lián)動規(guī)則，實現(xiàn)距離安全時取消告警
??參考步驟3 描述，再新增一個聯(lián)動規(guī)則，名稱可以為“距離安全取消告警”。該規(guī)則的具體條件及動作與步驟3大部分相同，除了其中的條件部分，距離邏輯判斷修改為“>”，數(shù)值為“20”，執(zhí)行動作部分，蜂鳴器的數(shù)值改為“0”。最后點擊“確認”按鈕，并同樣將該條場景規(guī)則的啟用狀態(tài)改為“開”
??步驟5 設備上線，觀察場景實現(xiàn)效果
??近距離遮擋超聲波模塊的距離探測器探頭，稍等一定時間后，蜂鳴器模塊鳴叫，移開超聲波模塊遮擋， 再稍等一定時間后，蜂鳴器模塊停止鳴叫。
注：如設備未按場景聯(lián)動的規(guī)則邏輯執(zhí)行，可通過場景列表該條場景的“查詢日志”進入查看場景聯(lián)動日志，分析具體原因。
3.3實訓筆記
??紅外距離探測器主要依靠紅外光的發(fā)射與接收來確定距離。當紅外光照射到物體上時，會根據(jù)物體的性質反射回一部分光線。這些反射回來的光線被探測器捕捉并轉換為電信號，經過處理后用于計算發(fā)射點與物體之間的距離。
任務四：安全防護系統(tǒng)的可視化實現(xiàn)
4.1 實訓目的
??1、學會OneNET 平臺數(shù)據(jù)可視化編輯器的使用；
??2、能夠進行可視化數(shù)據(jù)源的配置；
??3、對智慧小區(qū)安全防護系統(tǒng)進行可視化展現(xiàn)。
4.2 實訓步驟
4.2.1 物聯(lián)網云平臺可視化組件配置運用
??步驟1 創(chuàng)建一個可視化項目
??首先新增一個可視化項目，在彈出的模板選擇頁面，選擇一個 2D 項目模板下的“空白模板”作為本次項目可視化的基礎模板，填寫位于右側的項目名稱、項目描述后，點擊“確定”完成可視化項目創(chuàng)建。
??可以選擇具有一定頁面效果的模板比如“模板-智慧園區(qū)“，后續(xù)根據(jù)需要刪減部分控件。
??步驟2 增加數(shù)據(jù)源模板
??點擊左側菜單“數(shù)據(jù)管理”下“數(shù)據(jù)源模板”子菜單，右側頁面中，點擊“創(chuàng)建數(shù)據(jù)源模板”，預先為界面展示距離的變化圖表建立一個數(shù)據(jù)來源模板。
??在展開的配置項中，先設定第一項的“數(shù)據(jù)類 ”型為“物聯(lián)網平臺”，這時頁面會切換為配置從“物聯(lián)網平臺”抓取數(shù)據(jù)所需的必要信息。依次填寫帶“*”的所有項：
??步驟3 編輯可視化頁面及各個組件
??選擇一個合適的圖表，若是空白模板，則添加一個圖表
??步驟4 設置圖表的數(shù)據(jù)來源
??保持折線圖處于選擇狀態(tài)（可再次雙擊折線圖，右側出現(xiàn)屬性修改頁），現(xiàn)在切換到“數(shù)據(jù)”屬性 Tab頁。選擇“數(shù)據(jù)綁定方式”為“數(shù)據(jù)源”，此時“數(shù)據(jù)源選擇”下拉列表為“請選擇”狀態(tài)，點擊“管理數(shù)據(jù)源”按鈕，彈出“數(shù)據(jù)源管理”頁面。
??點擊“數(shù)據(jù)源模板”Tab 頁，展示目前所有的數(shù)據(jù)源模板，可以看到一條在之前步驟中已經創(chuàng)建好的記錄（名稱為 distance），點擊該記錄操作列中最右圖標：“以此模板創(chuàng)建數(shù)據(jù)源”。關閉窗口回到視圖編輯頁面。
??此時“數(shù)據(jù)源選擇”下拉列表會出現(xiàn)一條可選的記錄，形如“distance_XXXX”，代表以“distance” 模板生成的記錄，平臺自動追加后綴加以命名。選擇該條記錄作為折線圖的數(shù)據(jù)源。
??步驟5 設置不使用數(shù)據(jù)過濾器
??點擊 “使用數(shù)據(jù)過濾器”前面的勾選框，去掉勾選，即不使用數(shù)據(jù)過濾器。點擊“數(shù)據(jù)處理結果”按鈕，查看彈出的窗口中展示的數(shù)據(jù)，這些數(shù)據(jù)就是設備定時上報的屬性點形成的（圖例中的 value對應的值，就是上報的間隔距離值）。關閉彈出窗口繼續(xù)下一步。
??步驟6 設置圖表的橫軸列展示字段名與數(shù)據(jù)提供字段相匹配
??現(xiàn)在切換回“樣式”屬性 Tab 頁。展開“數(shù)據(jù)系列”的節(jié)點，修改列字段名為“value”，保持與數(shù)據(jù)源中提供的數(shù)值字段“value”相一致。
??步驟7 預覽可視化視圖并回到編輯狀態(tài)迭代優(yōu)化視圖效果
??編輯視圖界面，可以看到折線圖已顯示出實際的折線數(shù)據(jù)圖表，可以點擊右上角“預覽”按鈕，在全頁面狀態(tài)下查看整個可視化視圖的效果。
??步驟8 保存視圖，完成可視化項目
完成視圖編輯后，點擊頂部的“保存”按鈕（編輯狀態(tài)和預覽狀態(tài)均可），完成項目保存。
4.3 實訓筆記
??物聯(lián)網平臺的可視化頁面是一種用戶界面，它允許用戶以圖形化的方式查看和分析連接到物聯(lián)網平臺的數(shù)據(jù)。它通過一個易于使用的界面展示來自各種設備和傳感器的實時數(shù)據(jù)，使得用戶能夠監(jiān)控和管理他們的物聯(lián)網設備和系統(tǒng)。這些頁面通常由圖表、地圖、控制面板等組件構成，它們可以展示設備狀態(tài)、歷史數(shù)據(jù)、實時警報和其他關鍵信息。
??其工作步驟大致為創(chuàng)建可視化項目，編輯頁面，調用提前創(chuàng)建好的數(shù)據(jù)源，完成編輯后可先預覽，無誤后保存。
??可視化項目通過圖形化的編輯器，用戶無需具備編程技能即可設計和實現(xiàn)復雜的應用邏輯和用戶界面，提供多種預定義的頁面模板和可視化組件，如柱狀圖、餅圖、地圖等，支持連接多種數(shù)據(jù)源，包括云數(shù)據(jù)庫、第三方APIs等，實現(xiàn)數(shù)據(jù)的實時更新和展示。
