阿里云物联网平台web端,可视化开发,简单实例 您所在的位置:网站首页 阿里云设计院怎么样 阿里云物联网平台web端,可视化开发,简单实例

阿里云物联网平台web端,可视化开发,简单实例

2023-07-13 06:43| 来源: 网络整理| 查看: 265

Web可视化

阿里云物联网平台提供了一种可快速开发的web服务,只需要拖入一些控件,做一些配置就可以完成一个简单的物联网web应用,对单一场景,需求简单的项目非常实用。

首先进入物联网平台,打开开发者服务,选择IoT Studio,然后点击新建项目。

 

点击创建空白项目,下面解决方案中的是已经做好的可以直接使用,只需要改一下配置

输入项目名称

创建好后进入iot studio项目中,点击设备管理中的产品,可以关联我们在我联网接入平台中创建过的设备,也可以在这里直接创建设备。

点击推荐中的web可视化开发,选择新建web应用

选择需要的导航布局,然后点击配置按钮,在右侧的栏目中进行基本设置

然后点击最左边导航栏中的组件,根据相应需求布置好页面,如下图:

然后点击视图页面中的控件,左边导航栏就会显示相应控件的配置信息,可以改变控件样式,以及在交互选项中配置控件与那个设备关联

在交互中选择新增交互

选择控件的事件以及动作,然后点击选择链接,这里的选择是关系到控件控制和现实这边数据的地方,我这边现在事件为点击,动作为设置设备属性。然后点击配置设备

然后选择相应的产品,以及设备以及对应,由于放个选择的是开关按钮,所以默认值属性只有开启关闭两种状态

将所有控件配置好后就可以点击预览查看效果了

然后就是保存和发布,发布后的页面需要绑定我们自己的域名才可以让其他人看到,如果是默认域名只有登录项目所在的阿里云账户才可以查看



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有