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

2023-05-16

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

1、搭建平台

1.1定义产品

去到设备管理,点击产品、创建产品
在这里插入图片描述

图1

所属品类:自定义品类;节点类型:直连设备;连网方式:Wi-Fi;数据格式:ICA
在这里插入图片描述
图2

此时回到产品这里,可以发现刚刚定义的产品。点击查看
在这里插入图片描述
图3

功能定义、编辑草稿
在这里插入图片描述
图4

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

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

用于输入框输入的起床时间定义为text的类型
在这里插入图片描述
图7

发现刚刚定义的功能,发布上线
在这里插入图片描述
图8

回到功能定义,可以导出物模型,用于编码实现定义的功能,不要在代码改在平台层定义好的标识符
在这里插入图片描述
图9

1.2定义设备

回到设备,添加设备,选择刚刚定义的产品关联起来,填设备的名称,确定
在这里插入图片描述

图10

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

2、可视化搭建Web

第一次搭建可视化Web,先在项目管理,创建一个项目,并且关联到所属的产品和设备,然后可以新建Web
在这里插入图片描述

图12

在这里插入图片描述
图13

也可以在应用开发里面新建Web
在这里插入图片描述
图14

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

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

开关按钮的样式选择,可以自己去配置
在这里插入图片描述

图16

开关按钮的交互选择,因为是开关,所以我们添加了两个交互,一个是开的交互,一个是关的交互,事件选择点击,意思就是你点击了就会有下面的相关动作,配置设备选择你之前建立好的数据,这样你就可以在web上通过点击开关去控制传感层的灯的设备了(前提是传感层连到云,即设备在线)可以自己去配置
在这里插入图片描述

图17

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

3、Web发布到服务器

假设你已经可视化Web搭建完成了,通过发布
在这里插入图片描述

图19

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

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

3.1注册域名

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

在这里插入图片描述

图22

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

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

3.2云服务器ECS

在这里想说一下的就是配置一下他的安全组,即允许什么主机ip和端口访问该服务器,如下,可以自己去配置规则,然后运行服务器
在这里插入图片描述

图23

3.3云解析DNS

来到DNS点击解析协议
在这里插入图片描述

图24

解析以下的两条记录
在这里插入图片描述
图25

解析成功,可以通过域名ping通你的服务器了
在这里插入图片描述
图26

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

总结:搭建物联网平台而且开发的Web可以与传感层进行交互,就我自己发布了网页链接来说,链接有一定的时效性,过了这个时效性则需要重新发布,应该还有我不太了解的地方,日后再说吧!

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

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

随机推荐