如何通过阿里云物联网平台发布单设备Web应用

前言

前面的文章里，我们介绍了如何在阿里云物联网平台上配置网关、添加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