歡迎使用 BRICKS ,此教學涵蓋外部資料通訊串接的第三步 : 資料轉換處理,只要完成此章節內容,即可輕鬆學會 BRICKS 雲端智慧顯示基礎外部資料通訊串接的使用。
🕐 此篇教學操作預計花費時間:5~8 分鐘
步驟一『新增一個資料處理地圖』
BRICKS 擁有豐富的外部資料串接功能,自然也得要有強大的資料轉換功能,而 Property Calculation 的作用就是在於透過圖形串連的形式,輕鬆實現資料格式轉換的流程。
請先從左側 Property Bank 下一階層找到 Property Calculation ,點擊右方的 [ + ] ,新增一個資料處理地圖。
步驟二『將變數放置於地圖上』
上一小節中,我們透過 HTTP 功能處理器將 JSON 格式的時間儲存於 Response of HTTP 的變數之中,現在我們就要將這格式中真正需要的資料篩選轉換到另一個變數之中,以方便我們呈現在畫面之上。
透過將變數拖曳到地圖之上,即可將變數變成圖形方塊,可以看到變數方塊兩側各有一個接點,左側是接收資料的接點,當有其他資料變數接到此接點時,就會改變這個變數的值,而右側則是將資料發送出去的接點,透過滑鼠拖曳的方式即可串連不同資料方塊變數。
步驟三『建立一個取得並篩選資料的指令方塊』
在 Property Calculation 之中有許多用於資料轉換處理的指令,這裡我們先示範如何從 JSON 格式之中篩選需要的資料。
請先從右側的屬性中找到 Operations 下的 New Command 建立一個新的指令,選擇 Object 形式並將指令設定成 Get 以取得變數中的特定內容。
點擊 [ New ] 之後,指令會變成一個方塊,此時我們需要將 JSON 格式的變數傳送到這個指令方塊,透過滑鼠拖曳變數的右側接點到指令方塊的左側 Object 格式的接點。
為了知道要從 JSON 的格式中需要取得的資料名稱,我們可以開啟前一節的WorldClockAPI 網址,找到時間的資料名稱:currentDateTime,並將這個名稱貼入指令方塊的 Path 之中,以方便指令找到時間資料。
步驟四『將篩選出的資料存入另一個變數』
新增一組用於儲存篩選出來時間的變數,從 Property Bank 點擊 [ + ] 新增一組字串的變數。
新增變數後,將變數拖曳至 Property Calculation Map 上。
接著將指令方塊篩選出的時間字串透過拖曳接點的方式傳送到新增的變數之中。
步驟五『新增文字元件顯示時間變數』
和前幾章節中的倒數及 MQTT 資料一樣,我們需要新增一個文字元件用於顯示時間變數。
將文字元件的 Text 屬性設定為連結上一步驟新增的時間變數,並將顏色設定為和背景不同的顏色。
步驟六『加入觸發 HTTP 功能處理器事件』
由於 HTTP 運作機制並非自動式的會推播資料,因此我們需要透過定時觸發的事件來加入請求 HTTP 的行為。還記得之前做過倒數的功能處理器嗎?記得倒數功能處理器有個每次倒數都會觸發的事件,我們可以利用 Ticking 或 Completed 事件來觸發請求 HTTP 資料的行為。
在事件中選擇 Generator: HTTP_Time 的 HTTP RUN REQUEST 向 HTTP 功能處理器進行資料請求。
設定好之後就馬上存檔進入裝置預覽,看看畫面上是否有時間的顯示,時間是否會隨著倒數而變化!
恭喜學會了外部資訊串接的基本概念,所有基礎流程都己經被你掌握,想了解更多各區塊的細節可以查看其他教學內容。
若需要任何幫助,歡迎點擊右下角的對話圖示詢問,我們會盡快回覆您的問題