前言

前面的文章里，我們介紹了如何在阿里云物聯網平臺上配置網關、添加LoRa節點設備，以及如何使用IoT Studio創建項目和關聯產品和設備。

如果我們希望該項目所收到的數據，可以共享與其他人進行觀看，那么，阿里云物聯網平臺提供了開發Web應用這個選擇，從而我們可以用Web應用的方式，來達到其他人也可以觀看到項目的數據的目的。

本文在上述文章的基礎上，針對單個LoRa節點設備的情況，介紹如何給新建的項目編輯應用和發布應用。

一、找到解決方案的Web應用模板

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

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

圖1 ??阿里云物聯網平臺的項目主頁

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

圖2 ?阿里云物聯網平臺的解決方案的Web應用編輯界面示意圖

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

二、在Web應用模板的基礎上綁定LoRa節點設備

阿里云物聯網平臺提供的Web應用模板僅僅是為了便于用戶使用，要真正獲取到數據，還需要對該模板提供的各種屬性進行編輯，使其綁定到具體的LoRa節點設備上，才能獲取到對應的數據。

圖3 ?阿里云物聯網平臺的Web應用的溫度屬性編輯界面示意圖

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

圖4 ?阿里云物聯網平臺的Web應用的溫度屬性配置數據源示意圖

在圖4所示的界面上，“產品”選擇“RAK5205”，“設備”選擇項目里的設備，“屬性”選擇對應的屬性，這里選擇“溫度”。

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

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

三、發布應用

應用中的所有標簽都綁定了設備后，就可以通過阿里云物聯網平臺來發布Web應用了。

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

圖5 ?阿里云物聯網平臺發布Web應用成功界面示意圖

四、查看Web應用實際效果

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

圖6 ?阿里云物聯網平臺發布的Web應用的實況數據示意圖

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

圖7 ?阿里云物聯網平臺發布的Web應用的歷史數據示意圖

結語

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

IoT應用開發套件，可以很好的幫助新手熟悉整個流程，而且也可以很快的看到效果：大家都可以通過該物聯網平臺發布的Web應用來查看數據，這是一個很新穎有趣的事情。

本文介紹的是在阿里云物聯網平臺上，如何針對單個LoRa節點設備開發Web應用。單設備的意思是這個Web應用只有一個數據源，只能展示一個設備的狀態。

實際運用中，往往更常見的是需要查看多個設備的狀態，因此，我們下一篇將介紹在阿里云物聯網平臺上，如何開發多設備Web應用。該多設備Web應用指的是該應用可以展示多個設備的狀態，數據源可以是一類或者多類產品。lw