[ 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 訊息

Menu