如何在阿里云物联网平台上使用IoT Studio开发多设备Web应用？

目录

前言

一、新建Web应用

二、建立菜单

三、添加页面

1、添加“设备运行总图”页面

2、添加“设备管理”页面

3、设置访问权限

4、选择产品

5、添加“设备属性”页面

四、菜单和页面绑定

1、绑定单个页面与单个菜单

2、设置主页

五、发布应用

六、查看Web应用的效果

结语

---

前言

在前面的文章里，我们介绍了如何利用已有的应用进行编辑，以在阿里云物联网平台上编辑并获得单设备的Web应用。但是，如果我们希望能够学会，如何开发适合实际业务需求的Web应用的适合，就需要学习如何开发多产品、多设备的Web应用。

本文介绍如何在阿里云物联网平台上使用IoT Studio开发自己的Web应用，以做到同一个控件里可以有多个点，每个点显示自己的信息，用户不需要提前知道有多少设备。

具体步骤介绍如下。

 

一、新建Web应用

新建Web应用的前提是已建立有项目。

如何在阿里云上建立项目，可以参见之前的文章如何在阿里云物联网平台上利用已有的 IoT Studio项目模板创建项目。

这里，我们不再介绍如何创建项目，而是在原有项目的基础上，添加一个新的Web应用。

 

图1   阿里云物联网平台上新建自己的Web应用

 

新建Web应用的方法如图1所示，“应用名称”是可以自己定的，“所属项目”可以选之前已经创建的项目“环境感知解决方案”，“描述”可以写一下对这个应用的大概解释，免得应用多了，记不住某个应用用来做什么。

 

二、建立菜单

此步骤用于建立用户界面的菜单。

需要注意的是，此处的菜单所包括的子菜单，应与下一个步骤所添加的页面一一对应。

如图2所示，选择导航布局，并点击“新增主菜单”。

 

图2  在阿里云物联网平台上给解决方案增加主菜单

 

在图2所示的界面上，点击“新增主菜单”，可以依次增加“设备运行总图”“设备管理”“设备属性”“RAK产品展示”4个菜单。

 

三、添加页面

1、添加“设备运行总图”页面