网络安全起点
RSS
热门关键字:  
当前位置 :| 首页 > WEB

何如正在阿里云物联网平台上行使IoT Studio开拓众开发Web行使?

来源:本站 作者: 时间:2020-05-07 09:28:10 点击:

  但是,如果我们希望能够学会,如何开发适合实际业务需求的Web应用的适合,就需要学习如何开发多产品、多设备的Web应用。

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

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

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

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

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

  如图3所示□□□,点击图3所示界面的“+”,可以新建页面。新建页面的时候,可以选择模板,比如选择“大屏”下的“通用设备运维大屏”模板。

  新建页面□□□,如图4,选择“设备管理”模板。将页面名修改为“设备管理”□□,就获得了设备管理页面。

  可供的选择包括“免登录访问”、“访问限制”。其中,需要先在“应用设置”中设置鉴权□□,按照提示进行操作即可。

  在图6所示的界面,可以点击“选择产品”,这时候,你之前创建的产品就都可以进行选择,可以一次选择一个产品□□□□,也可以一次选择多个产品。

  如图6所示,点击“选择产品”之后,就可以弹出一个窗口,在该窗口有产品列表(目前只有RAK5205可供选择)□□□,可以选择产品RAK5205。

  点击“产品管理”□□,还可以多关联一些产品□□□,也可以创建产品。具体如何在阿里云物联网平台上关联产品、或者创建产品,可以查看之前的文章。

  需要注意的是,点击“设备管理”页面的中间□□□,才能够出现如图4右侧所示的供“选择产品”的页面。

  点击图7所示的“+”新建页面,并选择“设备属性”模板。页面名可进行修改,比如修改为“设备属性”。

  同样的□□□□,也可以进行权限的设置,比如勾选“免登陆访问”□□□,还可以设置背景图像。

  通过点击图7所示界面的中间位置,可以在右侧出现“选择产品”的栏目,同样的可以选择已有的产品,或者新创建或新关联其他的产品。

  这时候,在右边栏目中的下方□□,出现“菜单配置”,里面将显示你按照上面第二部分所介绍的方法所创建的菜单。当你将鼠标停留在某个菜单的名称上的时候,如图8所示,停留在菜单“设备运行总图”上时,右边将出现三个小按钮□□□,第一个(即被红色方圈圈住的,此为本文加上去的□□□,阿里云平台中不具备该红色方圈)按钮用于为该菜单绑定页面。

  如图9所示□□□,在“目标链接”处将自动列出当前所有的应用页面,也就是你按照第三部分所介绍的方法来创建的页面。

  在其中一个页面前面的圆圈中点击选中该页面,并点击“确定”后,则该页面与菜单“设备运行总图”绑定起来了。

  如图10所示,这里我们把“设备运行总图”设置为“主页”, 勾选“免登陆访问”。

  “设备管理”页面勾选“访问权限”,其他页面勾选“免登陆访问”。这样应用就开发好了,下面就可以发布应用了。

  如图11所示,绑定好页面和菜单后,点击IoT Studio右上角的“保存”按钮,然后点击“预览”,如果没有问题,就点击“发布”,填写发布信息。

  图12 用阿里云物联网平台的IoT Studio搭建的Web应用的主页示意图

  本文介绍了如何在阿里云物联网平台上,根据个人业务需求,搭建一个基本的多设备展示和管理的Web应用。

最新评论共有 位网友发表了评论
评论内容:不能超过250字,需审核,请自觉遵守互联网相关政策法规。
验证码:
匿名?