18禁免费观看完整版高清-毛片重口味女人的逼-99精品毛片免费播放高潮-2020年国产新视频

當前位置: 首頁 >應用方案 >技術應用 >

通過MQTT協(xié)議接入OneNet平臺教程4:可視化界面配置

通過MQTT協(xié)議接入OneNet平臺通信教程中,我們前邊介紹了OneNet平臺配置教程、MQTT連接通訊三要素及訂閱發(fā)布配置教程、MQTT協(xié)議接入OneNet平臺鏈接通訊測試配置教程。到這里,關于產品的MQTT連接與通訊就全部完成了。但目前觀察產品上報的數據有些繁瑣,OneNet可以自行開發(fā)簡單的云平臺。這里我們根據這里的演示。建立個數據可視化的平臺。我們在物聯(lián)網平臺中,找到應用開發(fā)中的數據可視化。

1  OneNet平臺通信可視化界面配置
2  OneNet平臺通信可視化界面配置

首先,我們新建一個項目。這里OneNet提供了一些模版可以直接使用,我們可以直接使用或者自己新建。

3  OneNet平臺通信可視化界面配置

這里我們只是為了演示,所以使用一個空白模版,自己創(chuàng)建一個頁面。

4  OneNet平臺通信可視化界面配置

完成后,進入項目進行編輯。

5  OneNet平臺通信可視化界面配置

接下來我們就可以看到一個可視化的編輯頁面,這里我們可以更具自己喜好進行設計。這里我們演示只是為了演示效果,所以這里任意選擇一個圖標表示即可

6  OneNet平臺通信可視化界面配置

隨后,我們將數據綁定。在右側的數據頁面中,選擇管理數據源。

7  OneNet平臺通信可視化界面配置

數據類型選擇物聯(lián)網平臺。其中名稱,設定為我們的數據流名稱,UserID是OneNet用戶管理頁面中可以找到。

8  OneNet平臺通信可視化界面配置

accessKey就是設備密鑰,產品ID、設備名稱都可以在設備的詳情中可以找到。

9  OneNet平臺通信可視化界面配置

填寫完成后,數據流會自動匹配,下拉即可看到剛才我們設置的兩個屬性。

10  OneNet平臺通信可視化界面配置

刷新時間與獲取點數任意設置即可。完成后點擊創(chuàng)建。

11  OneNet平臺通信可視化界面配置

隨后下拉剛才我們創(chuàng)建的數據源,即可看到已經獲取到了數據。

12  OneNet平臺通信可視化界面配置

同樣,我們再把濕度同樣的方法創(chuàng)建濕度數據。

13  OneNet平臺通信可視化界面配置

接下里即可開始綁定數據。選擇剛才創(chuàng)建的數據源,隨后,需要根據要求,在數據過濾器中設置對應數據。

14  OneNet平臺通信可視化界面配置

然后點擊數據處理結果,檢查輸出數據是否符合要求。

15  OneNet平臺通信可視化界面配置
16  OneNet平臺通信可視化界面配置


同樣的方法,設置濕度、溫度顯示。

17  OneNet平臺通信可視化界面配置

隨后,確認無誤后,保存發(fā)布項目,即可通過鏈接訪問。

18  OneNet平臺通信可視化界面配置
19  OneNet平臺通信可視化界面配置


復制連接,然后確認發(fā)布,通過鏈接,檢查是否能夠成功訪問

20  OneNet平臺通信可視化界面配置

隨后,我們再使用串口工具上報數據,檢查數據是否能夠同步刷新。

21  OneNet平臺通信可視化界面配置
22  OneNet平臺通信可視化界面配置


好了,以上就是全部的通過MQTT協(xié)議接入OneNet平臺通訊教程。


今天的分享就到這里啦,EBYTE每一天都致力于更好的助力物聯(lián)化、智能化、自動化的發(fā)展,提升資源利用率,更多產品更多資料,感興趣的小伙伴可以登錄我們的億佰特官網和企業(yè)公眾號(微信號:cdebyte進行了解,也可以直接撥打400電話咨詢技術專員!


相關閱讀:

1、通過MQTT協(xié)議接入OneNet平臺教程1:OneNet平臺配置

2、通過MQTT協(xié)議接入OneNet平臺教程2:MQTT連接通訊配置

3、通過MQTT協(xié)議接入OneNet平臺教程3:連接測試配置



點擊撥打: 億佰特官網 4000-330-990