产品推荐:阿里云物联网开发者工具(IoT Studio),立刻免费体验吧!  
  

构建web可视化的控制平台

上篇我们已经能够完全通过云端控制设备了,但是必须要一条一条指令的发,并不是很方便,也并不方便交付给客户使用,所以我们需要可视化的用户界面(UI)

阿里云iot studio 提供了一套基于拖拽式构建的快速web开发工具,能够很方便的构建我们的用户界面应用

首先

1.png

点击开发服务-IOT studio 然后点击新建项目

2.png

点击创建一个空白项目

3.png

给项目起个名字然后就点确定

4.png

然后进入项目 我们点击web可视化开发

5.png

创建一个新的web应用

6.png

再来编个名字,然后确定

7.png

这样我们就进入了开发界面了。。左边有很多的网页元素,中间是主界面,大家可以尝试着拖动一些元素过来

然后,我们需要按照下图方式构建一个应用框架

8.png

​主要用到了 2个按钮分别调整颜色和内容, 一个滑条 0-

收藏 打印