如何通過阿里云物聯(lián)網(wǎng)平臺(tái)發(fā)布單設(shè)備Web應(yīng)用

前言

前面的文章里，我們介紹了如何在阿里云物聯(lián)網(wǎng)平臺(tái)上配置網(wǎng)關(guān)、添加LoRa節(jié)點(diǎn)設(shè)備，以及如何使用IoT Studio創(chuàng)建項(xiàng)目和關(guān)聯(lián)產(chǎn)品和設(shè)備。

如果我們希望該項(xiàng)目所收到的數(shù)據(jù)，可以共享與其他人進(jìn)行觀看，那么，阿里云物聯(lián)網(wǎng)平臺(tái)提供了開發(fā)Web應(yīng)用這個(gè)選擇，從而我們可以用Web應(yīng)用的方式，來達(dá)到其他人也可以觀看到項(xiàng)目的數(shù)據(jù)的目的。

本文在上述文章的基礎(chǔ)上，針對單個(gè)LoRa節(jié)點(diǎn)設(shè)備的情況，介紹如何給新建的項(xiàng)目編輯應(yīng)用和發(fā)布應(yīng)用。

一、找到解決方案的Web應(yīng)用模板

瑞科慧聯(lián)IoT應(yīng)用套件不僅配置有解決方案，也針對該解決方案，配置有Web應(yīng)用模板。如果是初學(xué)者為了練手，可以先找到模板，然后在模板的基礎(chǔ)上進(jìn)行試運(yùn)行。

首先需要切換到阿里云物聯(lián)網(wǎng)平臺(tái)的項(xiàng)目主頁，如圖1所示，選擇“web應(yīng)用”下的“RAK環(huán)境監(jiān)測應(yīng)用”的“編輯”，就可以對該應(yīng)用進(jìn)行編輯。也可以選擇“新建”，從零開始新建一個(gè)應(yīng)用。

圖1 ??阿里云物聯(lián)網(wǎng)平臺(tái)的項(xiàng)目主頁

當(dāng)我們在圖1所示的界面上，點(diǎn)擊“編輯”之后，將進(jìn)入如圖2所示的Web應(yīng)用編輯界面。

圖2 ?阿里云物聯(lián)網(wǎng)平臺(tái)的解決方案的Web應(yīng)用編輯界面示意圖

在圖2所示的界面上，我們可以根據(jù)需要對該應(yīng)用進(jìn)行編輯。如果只是為了熟悉IoT應(yīng)用套件在阿里云管理平臺(tái)上從配置網(wǎng)關(guān)設(shè)備等到最終的開發(fā)應(yīng)用這一整個(gè)流程的話，可以在這里先沿用模板，等后續(xù)熟練了，再根據(jù)實(shí)際需要對應(yīng)用進(jìn)行編輯。

二、在Web應(yīng)用模板的基礎(chǔ)上綁定LoRa節(jié)點(diǎn)設(shè)備

阿里云物聯(lián)網(wǎng)平臺(tái)提供的Web應(yīng)用模板僅僅是為了便于用戶使用，要真正獲取到數(shù)據(jù)，還需要對該模板提供的各種屬性進(jìn)行編輯，使其綁定到具體的LoRa節(jié)點(diǎn)設(shè)備上，才能獲取到對應(yīng)的數(shù)據(jù)。

圖3 ?阿里云物聯(lián)網(wǎng)平臺(tái)的Web應(yīng)用的溫度屬性編輯界面示意圖

這里以“溫度”屬性為例，點(diǎn)擊圖3中的溫度值，使其處于編輯狀。需要注意的是，要注意點(diǎn)擊的位置，必須是點(diǎn)擊在阿拉伯?dāng)?shù)字代表的溫度值的區(qū)域上。編輯圖3右側(cè)的“已配置數(shù)據(jù)源”，可出現(xiàn)如圖4的界面。

圖4 ?阿里云物聯(lián)網(wǎng)平臺(tái)的Web應(yīng)用的溫度屬性配置數(shù)據(jù)源示意圖

在圖4所示的界面上，“產(chǎn)品”選擇“RAK5205”，“設(shè)備”選擇項(xiàng)目里的設(shè)備，“屬性”選擇對應(yīng)的屬性，這里選擇“溫度”。

都選擇好后，點(diǎn)擊“確定”。

類似的，“濕度”等其他標(biāo)簽也是按照上述方式綁定設(shè)備。

三、發(fā)布應(yīng)用

應(yīng)用中的所有標(biāo)簽都綁定了設(shè)備后，就可以通過阿里云物聯(lián)網(wǎng)平臺(tái)來發(fā)布Web應(yīng)用了。

在圖5所示的界面上，點(diǎn)擊右上角的“發(fā)布”按鈕，再綁定域名，其他用戶就可以通過域名來查看該Web應(yīng)用。

圖5 ?阿里云物聯(lián)網(wǎng)平臺(tái)發(fā)布Web應(yīng)用成功界面示意圖

四、查看Web應(yīng)用實(shí)際效果

其他用戶通過綁定的域名，就可以查看到該Web應(yīng)用的實(shí)際效果，如圖6所示，可以看到，通過該應(yīng)用，可以查看多種屬性的數(shù)據(jù)，比如溫度、濕度、大氣壓等數(shù)據(jù)。

圖6 ?阿里云物聯(lián)網(wǎng)平臺(tái)發(fā)布的Web應(yīng)用的實(shí)況數(shù)據(jù)示意圖

除了如圖6所示，查看多種屬性的數(shù)據(jù)的即時(shí)實(shí)況數(shù)據(jù)，我們還可以點(diǎn)擊查看歷史數(shù)據(jù)，獲知某個(gè)屬性的數(shù)據(jù)的趨勢變化圖，如圖7所示。

圖7 ?阿里云物聯(lián)網(wǎng)平臺(tái)發(fā)布的Web應(yīng)用的歷史數(shù)據(jù)示意圖

結(jié)語

至此，基于阿里云物聯(lián)網(wǎng)平臺(tái)的IoT Studio的RAK應(yīng)用開發(fā)套件的簡單Demo已經(jīng)完成。用戶從本系列文章兩步走，讓你的LoRaWAN網(wǎng)關(guān)連上阿里云到如何在阿里云物聯(lián)網(wǎng)平臺(tái)上給項(xiàng)目關(guān)聯(lián)產(chǎn)品和設(shè)備，可以查看到從配置網(wǎng)關(guān)到最后通過阿里云物聯(lián)網(wǎng)平臺(tái)發(fā)布Web應(yīng)用的整個(gè)流程。

IoT應(yīng)用開發(fā)套件，可以很好的幫助新手熟悉整個(gè)流程，而且也可以很快的看到效果：大家都可以通過該物聯(lián)網(wǎng)平臺(tái)發(fā)布的Web應(yīng)用來查看數(shù)據(jù)，這是一個(gè)很新穎有趣的事情。

本文介紹的是在阿里云物聯(lián)網(wǎng)平臺(tái)上，如何針對單個(gè)LoRa節(jié)點(diǎn)設(shè)備開發(fā)Web應(yīng)用。單設(shè)備的意思是這個(gè)Web應(yīng)用只有一個(gè)數(shù)據(jù)源，只能展示一個(gè)設(shè)備的狀態(tài)。

實(shí)際運(yùn)用中，往往更常見的是需要查看多個(gè)設(shè)備的狀態(tài)，因此，我們下一篇將介紹在阿里云物聯(lián)網(wǎng)平臺(tái)上，如何開發(fā)多設(shè)備Web應(yīng)用。該多設(shè)備Web應(yīng)用指的是該應(yīng)用可以展示多個(gè)設(shè)備的狀態(tài)，數(shù)據(jù)源可以是一類或者多類產(chǎn)品。lw