阿里云--IOT Studio初学

1、初学基于阿里云IOT云平台应用开发

1.1 阿里云的-物联网应用开发-IOT Studio
此次使用阿里云的-物联网应用开发-IOT Studio;物联网应用开发（IoT Studio，阿里云：https://www.aliyun.com/）是阿里云针对物联网场景提供的生产力工具，是阿里云物联网平台的一部分。可覆盖各个物联网行业核心应用场景，高效经济地完成物联网数据分析、设备、服务及应用开发，加速物联网SaaS构建。物联网应用开发提供了Web可视化开发、业务逻辑开发与物联网数据分析等一系列便捷的物联网开发工具，解决物联网开发领域开发链路长、技术栈复杂、协同成本高、方案移植困难的问题。目前，物联网企业级生产力的数据分析、业务逻辑开发、Web可视化开发三个工具可融合为一。功能特点：1）可视化搭建，IoT Studio提供可视化搭建能力，可以通过拖拽、配置操作，快速完成设备数据监控相关的Web应用、API服务的开发。可以专注于核心业务，有效提升开发效率。2）与设备管理无缝集成，设备相关的属性、服务、事件等数据均可从物联网平台设备接入和管理模块中直接获取，IoT Studio与物联网平台无缝打通，大大降低物联网开发工作量。3）丰富的开发资源，各开发平台均拥有数量众多的组件和丰富的API。IoT Studio帮助提升开发效率。4）组件开发，IoT Studio提供了组件开发能力，可以开发、发布和管理自己研发的组件，并将其发布到Web可视化工作台中用于可视化页面搭建。提升组件丰富性，为可视化搭建提供无限可能。5）无需部署，使用IoT Studio，应用服务开发完毕后，直接托管在云端，支持直接预览、使用。
1.2 阿里云IOT Studio项目配置
进入阿里云需要注册账号密码（自己设置，可以用支付宝扫码登录等），登录阿里云后，根据设计的要求，找到‘产品与服务’，之后可以找到‘物联网平台’，点击‘物联网平台’即可进入到项目开发的首界面，如下图：

进入物联网界面后，点击‘相关服务’，找到‘物联网应用开发’，如下图：

进入‘物联网应用开发’后，点击‘项目管理’，可以看到此时已经创建完了一个项目‘智能温室环控系统’图中标号3，也可以选择新建一个项目，如下图所示：

新建项目只需要输入相应的项目名称即可，如下图：

下图示我创建的‘智能温室环控系统’项目界面：

                  （‘智能温室环控系统’项目界面图）

之后选择‘产品’图中1号标注，在之前没有创建产品时，这里选择‘创建产品’图中标号2，图中标号3是已经创建好的产品——智能温室环控系统，产品如下图：

根据实践中的设计需求，这里的产品创建需要注意到的是：产品名称-必填；节点类型-直连设备（可根据开发配置）；联网方式-WIFI（实践需求自定义），如下图所示：

在之前有创建物联网的产品时，这里也可以直接选择‘关联物联网平台产品’，直接将需要的产品‘关联’过来就可以（这里我是直接关联过来的），如下图：

同样的，设备这里可选择‘新建设备’，可以选择‘关联物联网平台设备’，如下图所示：

在后就是要配置‘属性’即-温度和湿度，进入产品中找到‘功能定义’，这里没有‘发布’前，可以添加‘属性’，也可以用已有的‘属性’；在‘发布’之后要想在改变属性，需要‘撤销发布’才能继续操作，如下图（已经发布）：

通过上述步骤后，项目的基本配置完成，这时候可以进行简单的调试：进入设备‘wxf_WS’中的‘在线调试——调试虚拟设备——属性上报’，发送Temperature:27.5，Humidity:88；这时候可以在设备中的‘物模型数据’中才看数据是否显示，如下图（数据显示正常）：

                       （在线调试-推送数据图）

（在线调试-接收数据图）

1.3 阿里云IOT Studio数据可视化配置
通过配置开发Web可视化，可以很直观、美观地看到‘捕获’到的数据，这样通过远程能够更好地看到数据。在项目的主界面，选择‘Web应用——新建/用已有的’，如下图所示：

进入‘智能温室管理’Web应用后，可以看到界面设计样式（新的应用界面样式需要自定义），web界面的设计只需要对左边的功能进行‘拉’进来右边界面即可，根据用户自定义界面需求，我这边设计界面如下图所示：

对‘温度’和‘湿度’显示的位置配置数据来源，配置成之前创建的‘温度’和‘湿度’的属性，这样可以实时接收数据并在Web界面更新数据；点击‘温度’显示的位置，在右边选择‘配置数据源’，如下图所示：

                        （‘属性’数据源配置图）

（数据源配置图）

同样配置‘湿度’数据源；配置完成后，需要进行发布，发布成功后会自动生成一个HTTP请求，可以在这里直接通过这个http请求访问Web界面查看数据，如下图所示：

                   （Web应用发布成功图）

                       （访问HTTP查看界面图）

创建完成Web数据可视化应用后，需要进行测试（界面数据是之前的数据）；同样的进入‘wxf_WS——在线调试——调试虚拟设备——属性上报’，推送数据：Temperature:18.5，Humidity:66，然后切到刚才的HTTP请求页面查看，如下图所示（调试成功）：

                          （发送测试数据图）

                   （数据成功在Web应用显示图）

通过上述步骤成功配置后，Web应用设计完成，测试成功。基于阿里云IOT Studio的设计测试成功。
参考链接：https://help.aliyun.com/document_detail/