Web可视化
阿里云物联网平台提供了一种可快速开发的web服务,只需要拖入一些控件,做一些配置就可以完成一个简单的物联网web应用,对单一场景,需求简单的项目非常实用。
首先进入物联网平台,打开开发者服务,选择IoT Studio,然后点击新建项目。
点击创建空白项目,下面解决方案中的是已经做好的可以直接使用,只需要改一下配置
输入项目名称
创建好后进入iot studio项目中,点击设备管理中的产品,可以关联我们在我联网接入平台中创建过的设备,也可以在这里直接创建设备。
点击推荐中的web可视化开发,选择新建web应用
选择需要的导航布局,然后点击配置按钮,在右侧的栏目中进行基本设置
然后点击最左边导航栏中的组件,根据相应需求布置好页面,如下图:
然后点击视图页面中的控件,左边导航栏就会显示相应控件的配置信息,可以改变控件样式,以及在交互选项中配置控件与那个设备关联
在交互中选择新增交互
选择控件的事件以及动作,然后点击选择链接,这里的选择是关系到控件控制和现实这边数据的地方,我这边现在事件为点击,动作为设置设备属性。然后点击配置设备
然后选择相应的产品,以及设备以及对应,由于放个选择的是开关按钮,所以默认值属性只有开启关闭两种状态
将所有控件配置好后就可以点击预览查看效果了
然后就是保存和发布,发布后的页面需要绑定我们自己的域名才可以让其他人看到,如果是默认域名只有登录项目所在的阿里云账户才可以查看