前言

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

都選擇好后，點擊“確定”。

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

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

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

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

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

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

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

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

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

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

結(jié)語

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

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

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

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