[ Raspberry Pi ] 設定 IoT Studio 透過 HTTP 接收 Sensing Data

本文來源於 Alliotcloud 物聯雲Makee.io 專欄 - 作者 Archer Huang @ Makee.io

工業電腦大廠新漢為推動物聯網加速創新,宣布將開發已久的 NEXCOM IoT Studio 連網軟體工具開放免費下載,讓開發人員毋須編寫複雜程式碼,即可完成連線設定,本文描述如何經由 IoT Studio 來設定 HTTP 接收聯發科 Linkit Smart 7688 Duo 的 Sensing Data。

執行步驟


前置準備作業

1.準備 Raspberry Pi 3 Model B 開發板

2.Raspberry Pi 3 Model B 開發板中已安裝 Raspbian 作業系統 【 安裝方式 】

3.已安裝 IoT Studio 於 Raspberry Pi 中 【 安裝方式 】


透過 IoT Studio 設定 HTTP 接收 Sensing Data

Step 1. 執行 IoT Studio

1.1 切換路徑到 iotstudio-0.10.10-rp2 解壓縮的資料夾

cd iotstudio-0.10.10-rp2  

1.2 執行 IoT Studio

node IoTStudio.js  


Step 2. IoT Studio 編輯畫面

2.1 查看 Raspberry Pi 的 IP

請於 Terminal 輸入以下指令
ifconfig  

結果中的 inet addr 即為 IP

2.2 開啟覽瀏器

2.3 輸入 IoT Studio 網址

http://{Raspberry Pi 的 IP}:1880  

IoT Studio 編輯畫面(如上圖)的左側為圖型化元件,元件區可分為 input、output、function、social、storage、analysis、advanced 共七大類;編輯畫面中間為程式編輯區,可將左側的圖型化元件拖拉到此處,依不同元件先後順序形成流程;右側為資訊與 debug 區,可查看元件說明與 debug 相關資訊。  

Step 3. 設定 HTTP 接收 Sensing Data

3.1 從左側的 input 區拉 HTTP 圖型化元件至編輯區

3.2 修改 HTTP 元件的 Method 與 url

點擊程式編輯區的 HTTP 元件

點選 Method 的下拉式選單,將 Method 改成 POST

在 url 的欄位中輸入 /v1/temperatureHumidity

再點擊 Ok

3.3 從左側的 ouput 區拉 debug 圖型化元件至編輯區

3.4 建立 HTTP 與 debug 兩個元件的關聯

點選 debug 元件左邊的小圓圈,即會出現一條線,並將此線拉到 HTTP 元件右邊的小圓圈,即建立兩個元件的關聯。

※ 如要刪除元件或關聯的話,請在編輯區點選要刪除的元件或關聯,再按鍵盤上的 Delete 按鈕。

3.5 從左側的 output 區拉 http response 圖型化元件至編輯區

3.6 建立 HTTP 與 http response 兩個元件的關聯

點選 http response 元件左邊的小圓圈,即會出現一條線,並將此線拉到 HTTP 元件右邊的小圓圈,即建立兩個元件的關聯。

※ 如要刪除元件或關聯的話,請在編輯區點選要刪除的元件或關聯,再按鍵盤上的 Delete 按鈕。

3.7 從左側的 function 區拉 function 圖型化元件至編輯區

3.6 編輯 function 圖型化元件

點擊 function 圖型化元件

輸入以下程式後,再點 OK 按鈕

return {payload: msg.payload}  

3.7 建立 HTTP 與 function 兩個元件的關聯

點選 function 元件左邊的小圓圈,即會出現一條線,並將此線拉到 HTTP 元件右邊的小圓圈,即建立兩個元件的關聯。

※ 如要刪除元件或關聯的話,請在編輯區點選要刪除的元件或關聯,再按鍵盤上的 Delete 按鈕。

3.8 從左側的 output 區拉 websocket 圖型化元件至編輯區

3.9 修改 websocket 元件的 Path

點擊程式編輯區的 websocket 元件

再點擊 Path 最右邊的按鈕

輸入 /ws/temperature/view,再按 Add

再點擊 Ok

3.10 建立 websocket 與 function 兩個元件的關聯

點選 function 元件左邊的小圓圈,即會出現一條線,並將此線拉到 websocket 元件右邊的小圓圈,即建立兩個元件的關聯。

※ 如要刪除元件或關聯的話,請在編輯區點選要刪除的元件或關聯,再按鍵盤上的 Delete 按鈕。

3.11 Deploy 程式

點選畫面右上角的 Deploy 按鈕

Deploy 成功畫面上方會出現 Successfully deployed 訊息  


參考資料
GitHub
List of blogs

Archer

Having being a full stack engineer. Experience with C, Python, Go, Swift, JavaScript, Node.js, Linkit 7697, Linkit Smart 7688, Raspberry Pi, ARM mbed, IoT solutions. Contact us : [email protected]

ALL RIGHTS RESERVED. COPYRIGHT © 2016. Designed and Coded by Makee.io