基于阿里云物联网平台搭建和可视化开发Web及其发布

项目是想实现传感层的WiFi模块连接到阿里云物联网平台实现远程交互功能,所以首先要在平台层定义产品和与传感层相连接的设备。这里是涉及到阿里云物联网平台开发的产品与设备定义、以及可视化搭建Web、域名、阿里云服务器的文章。
阿里云物联网平台链接

1、搭建平台

1.1定义产品

去到设备管理,点击产品、创建产品
基于阿里云物联网平台搭建和可视化开发Web及其发布


图1



所属品类:自定义品类;节点类型:直连设备;连网方式:Wi-Fi;数据格式:ICA


基于阿里云物联网平台搭建和可视化开发Web及其发布

图2



此时回到产品这里,可以发现刚刚定义的产品。点击查看


基于阿里云物联网平台搭建和可视化开发Web及其发布

图3



功能定义、编辑草稿


基于阿里云物联网平台搭建和可视化开发Web及其发布

图4



添加自定义功能,定义传感层所需要的功能


基于阿里云物联网平台搭建和可视化开发Web及其发布

图5



功能有三种分别是属性、服务和事件,自己去研究。在这里演示两个属性,例如远程开关灯就定义bool类型。


基于阿里云物联网平台搭建和可视化开发Web及其发布

图6



用于输入框输入的起床时间定义为text的类型


基于阿里云物联网平台搭建和可视化开发Web及其发布

图7



发现刚刚定义的功能,发布上线


基于阿里云物联网平台搭建和可视化开发Web及其发布

图8



回到功能定义,可以导出物模型,用于编码实现定义的功能,不要在代码改在平台层定义好的标识符


基于阿里云物联网平台搭建和可视化开发Web及其发布

图9

1.2定义设备

回到设备,添加设备,选择刚刚定义的产品关联起来,填设备的名称,确定
基于阿里云物联网平台搭建和可视化开发Web及其发布


图10



查看设备,一键复制三元组,此三元组是用于传感层编码实现WiFi模块连接到阿里云的,实现的数据上传和下发


基于阿里云物联网平台搭建和可视化开发Web及其发布

图11

2、可视化搭建Web

第一次搭建可视化Web,先在项目管理,创建一个项目,并且关联到所属的产品和设备,然后可以新建Web
基于阿里云物联网平台搭建和可视化开发Web及其发布


图12



基于阿里云物联网平台搭建和可视化开发Web及其发布

图13



也可以在应用开发里面新建Web


基于阿里云物联网平台搭建和可视化开发Web及其发布

图14



进入可视化界面,里面有布置页面格式的,还有很多的组件功能,有的是可以进行交互的,有的是不能进行交互的,在这根据自己的产品定义的功能来选择适合自己的组件


基于阿里云物联网平台搭建和可视化开发Web及其发布

图15

在这次测试中定义了两个功能,一个是开关的,一个是输入信息交互的文本框,以这两个为例。先把你选好的组件将它拉出来,点击指定的组件就行配置,一般有样式和交互两种选择。

开关按钮的样式选择,可以自己去配置
基于阿里云物联网平台搭建和可视化开发Web及其发布


图16

开关按钮的交互选择,因为是开关,所以我们添加了两个交互,一个是开的交互,一个是关的交互,事件选择点击,意思就是你点击了就会有下面的相关动作,配置设备选择你之前建立好的数据,这样你就可以在web上通过点击开关去控制传感层的灯的设备了(前提是传感层连到云,即设备在线)可以自己去配置
基于阿里云物联网平台搭建和可视化开发Web及其发布


图17



文本框的样式就不说了,交互如下,这样就可以在文本框里输入数据传到传感层进行交互,不懂的话可以看阿里云的说明书


基于阿里云物联网平台搭建和可视化开发Web及其发布

图18

3、Web发布到服务器

假设你已经可视化Web搭建完成了,通过发布
基于阿里云物联网平台搭建和可视化开发Web及其发布


图19



它会提示你应用发布成功,但是链接不能分享,就是说你每次想通过Web来就行控制传感层,都先要登录到这个平台,其他人都登录不了,这不符合一个供人使用的Web,然后提示你绑定域名就不授限制了


基于阿里云物联网平台搭建和可视化开发Web及其发布

图20



下面是他给的流程,可以去看文档来完成。其中下图的CNAME解析那个蓝色的链接复制下来,到时候解析要用到


基于阿里云物联网平台搭建和可视化开发Web及其发布

图21

3.1注册域名

这里有很多业务,可以自己去了解
这个教程我们主要用到的是ECS、域名、DNS、物联网平台

基于阿里云物联网平台搭建和可视化开发Web及其发布


图22



一个域名要想正常使用需要以下步骤:1、注册域名 2、域名备案(需要服务器进行备案,要不然注册的域名不能使用)3、云解析DNS,解析过的域名才能访问。
在这里使用的是阿里云进行域名的注册,在这不细说注册和备案的过程(主要是不想写了,懒,哈哈哈),按照它的步骤填信息就行。


链接:
阿里云的域名注册链接.

3.2云服务器ECS

在这里想说一下的就是配置一下他的安全组,即允许什么主机ip和端口访问该服务器,如下,可以自己去配置规则,然后运行服务器
基于阿里云物联网平台搭建和可视化开发Web及其发布


图23

3.3云解析DNS

来到DNS点击解析协议
基于阿里云物联网平台搭建和可视化开发Web及其发布


图24



解析以下的两条记录


基于阿里云物联网平台搭建和可视化开发Web及其发布

图25



解析成功,可以通过域名ping通你的服务器了


基于阿里云物联网平台搭建和可视化开发Web及其发布

图26



回到图21,绑定你已经生效的域名,重新发布,图27的链接就是你可以分享给任何人的链接,他们可以通过链接来访问你搭建的Web,


基于阿里云物联网平台搭建和可视化开发Web及其发布

图27



总结:搭建物联网平台而且开发的Web可以与传感层进行交互,就我自己发布了网页链接来说,链接有一定的时效性,过了这个时效性则需要重新发布,应该还有我不太了解的地方,日后再说吧!
本文章来源于互联网,如有侵权,请联系删除!原文地址:基于阿里云物联网平台搭建和可视化开发Web及其发布

相关推荐: 生态农业示范园区物联网平台建设方案

202x年生态农业示范园区物联网平台建设方案(专业完整版).pptx-IOS文档类资源-CSDN下载 本文章来源于互联网,如有侵权,请联系删除!原文地址:生态农业示范园区物联网平台建设方案相关推荐: 企业物联网平台新版公共实例升级企业实例教程简介:2021年7…