技術科普2017.03.28

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

物聯網 樹莓派

下一篇:[ Linkit Smart 7688 ] 傳送檔案與登入到開發板

上一篇:[ Raspberry Pi ] 安裝 IoT Studio 操作攻略

=============================================

作者Makee io-Archer Huang

►IoT STudio下載位置

 

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

執行步驟

前置準備作業

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

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

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


透過 IoT Studio 設定 WebSocket 接收 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. 設定 WebSocket 接收 Sensing Data

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

3.2 修改 websocket 元件的 Path

點擊程式編輯區的 websocket 元件

再點擊 Path 最右邊的按鈕

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

再點擊 Ok

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

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

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

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

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

3.6 編輯 function 圖型化元件

點擊 function 圖型化元件

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

return {payload: msg.payload}  

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

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

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

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

3.8 修改 websocket 元件的 Path

點擊程式編輯區的 websocket 元件

再點擊 Path 最右邊的按鈕

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

再點擊 Ok

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

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

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

3.10 Deploy 程式

點選畫面右上角的 Deploy 按鈕

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

 

所需套件

LinkIt Smart 7688 Duo
►Arduino Breakout for LinkIt Smart 7688 Duo
Grove - Temperature & Humidity Sensor
Raspberry Pi 3 Model B


參考資料
====================================================

延伸閱讀 

(二)[ Raspberry Pi ] 安裝 IoT Studio 操作攻略

(一)[ Raspberry Pi ] 透過 MacOS 安裝 Raspbian

 ====================================================

延伸討論

技術科普

自造奈米級水族箱 珊瑚也能住你家

許多人都夢想擁有一個滿是美麗珊瑚的水族箱。這個小小的生態系統又被稱作海水缸,相較於淡水缸,其設置更為複雜。除了將水倒進缸裡外,你還要做非常多的工作。每一個海水缸都是須小心維持平衡的生態系統,透過模擬珊瑚的原生棲息地來維持牠們的生命。你必須時時注意海水缸的溫度、光線(包括亮度和波長)、鹽度、鹼度甚至是水的擾動。即使是最初階的版本,都需要大量的維護,但仍有許多人對更複雜的版本躍躍欲試,以飼養更脆弱、更美麗的海洋生物。
技術科普

感測資訊經由 IoT Studio 傳送到 ThingSpeak 服務

與 IoT 相關的雲端服務為數眾多,例如:ThingSpeak、WoT.City、AWS、IBM Bluemix、MediaTek MCS 等,並在透過這些雲端服務可在對資料進行資料視覺化、資料分析與其它的應用,而本文描述如何使用 IoT Studio 串接 ThingSpeak 服務。