Web可视化
阿里云物联网平台提供了一种可快速开发的web服务,只需要拖入一些控件,做一些配置就可以完成一个简单的物联网web应用,对单一场景,需求简单的项目非常实用。
首先进入物联网平台,打开开发者服务,选择IoT Studio,然后点击新建项目。
点击创建空白项目,下面解决方案中的是已经做好的可以直接使用,只需要改一下配置
输入项目名称
创建好后进入iot studio项目中,点击设备管理中的产品,可以关联我们在我联网接入平台中创建过的设备,也可以在这里直接创建设备。
点击推荐中的web可视化开发,选择新建web应用
选择需要的导航布局,然后点击配置按钮,在右侧的栏目中进行基本设置
然后点击最左边导航栏中的组件,根据相应需求布置好页面,如下图:
然后点击视图页面中的控件,左边导航栏就会显示相应控件的配置信息,可以改变控件样式,以及在交互选项中配置控件与那个设备关联
在交互中选择新增交互
选择控件的事件以及动作,然后点击选择链接,这里的选择是关系到控件控制和现实这边数据的地方,我这边现在事件为点击,动作为设置设备属性。然后点击配置设备
然后选择相应的产品,以及设备以及对应,由于放个选择的是开关按钮,所以默认值属性只有开启关闭两种状态
将所有控件配置好后就可以点击预览查看效果了
然后就是保存和发布,发布后的页面需要绑定我们自己的域名才可以让其他人看到,如果是默认域名只有登录项目所在的阿里云账户才可以查看
本文章来源于互联网,如有侵权,请联系删除!原文地址:阿里云物联网平台web端,可视化开发,简单实例
相关推荐: 移远BC25/28/35GMQTT连接阿里云物联网平台并实现属性上报
一、平台侧操作 创建一个产品,并添加一个设备,获取到设备接入所需的验证信息。本实验选择的产品品类为标准品类–智慧园区–气象站监测仪。(你也可以自定义产品类别,但是后期数据上报的关键字需要自己去添加)。成功创建产品并添加好设备后获取到了该设备…