Web可视化

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

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

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

输入项目名称

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

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

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

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

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

在交互中选择新增交互

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

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

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

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

阿里云物联网平台web端，可视化开发，简单实例相关推荐

物联网却不能物物相联？阿里云物联网平台得这么设置！
阿里云物联网服务器创建步骤如果你想入门物联网,并参考了网上关于阿里云物联网的教程.你会发现你最终只能实现物与网连接,无法实现物和物通过网连接.那是因为你忽略了一些步骤. 本文主要以图片形式并配以一定 ...
阿里云物联网平台python开发手册_阿里云物联网平台体验(树莓派+Python篇)
虽然对阿里云物联网平台比较熟悉了,从一开始就有幸参与了飞凤平台(Link Develop 一站式开发平台的前身)的一些偏硬件接入的工作.但是同时也见证了阿里云物联网团队从几十人到数百人的迅速扩张,其物 ...
【PBL项目实战】户外智慧农场项目实战系列——1.阿里云物联网平台的开通与云端可视化应用的新建
岭师人工智能素养教育共同体PBL项目教程系列之1:户外智慧农场项目实战系列原文链接 https://mp.weixin.qq.com/s/avKWJHNvnPeFsdEXUBByjw 本系列以户外 ...
单片机数据上传到阿里云物联网平台后，如何在手机端和网页端获取获取数据？
最近遇到了一个需求:单片机上传数据到阿里云物联网平台,手机端或者网页端能够从物联网平台获取数据并显示到出来,再加一个手机端/网页端通过物联网平台控制单片机. 最终采用了阿里云物联网平台提供的方法,使用 ...
阿里云物联网平台测评：以温度报警器开发为例
点此查看所有教程.项目.源码导航文章目录 1. 物联网平台概述 2. 阿里云物联网平台的优势 2.1 快速接入 2.2 超高负载能力 2.3 可用性 2.4 安全性 2.5 性价比 3. 温度报警 ...
基于阿里云物联网平台的Android物联网软件框架（快速开发）
Android 物联网APP 提示:该工程是连接阿里云物联网平台的模板代码,将MQTT连接.JSON数据的订阅发布等操作封装,并且能够迅速将获取到的数据显示到手机界面上.使用了Servier进行网络连 ...
阿里云物联网平台开发学习（一）
1. 注册阿里云物联网平台: 2. 阿里云物联网平台:添加产品: 3. 阿里云物联网平台:添加设备: 4. 下载mtqq.fx实现模拟设备:测试发布.订阅: 5. 通过amqpDemo实现数据接收: ...
java实现mqtt服务端_基于Swoole使用MQTT协议连接阿里云物联网平台设备实现消息订阅
阿里云物联网平台为设备提供安全可靠的连接通信能力,支撑设备数据采集上云,我们这里认为阿里云物联网平台是 MQTT 服务端,那么我们自己的设备作为客户端,应该如何实现消息订阅? 阿里云没有提供 PHP ...
阿里云HaaS100物联网开发板学习笔记（四）轻应用初步--用javascript连接阿里云物联网平台
摘要:本篇文章讲解如何使用JavaScript"轻应用"连接阿里云物联网平台并上报一个数据.仍然延续前几篇文章的结构,从安装软件环境开始讲,以使零基础的同学看了本篇文章之后,也能够 ...

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

Web可视化

阿里云物联网平台web端，可视化开发，简单实例相关推荐

最新文章

热门文章