查看: 566|回复: 2

阿里云物联网应用1——智能灯光

[复制链接]
本帖最后由 泽雨 于 2021-2-23 18:23 编辑

3.1 应用一:智能灯光



1.首先打开阿里云官网,进入物联网应用平台
TueFebruary-202102232051..png

点击立即使用(需要登录)
TueFebruary-202102235533..png


2.新建项目,在项目名称框编辑,填写信息,如下图所示:
TueFebruary-202102234966..png
TueFebruary-202102234900..png



3.创建产品,在我们之前创建的智能灯光项目下创建名为智能灯光的产品,如下图所示:
TueFebruary-202102231044..png
TueFebruary-202102231310..png


点击完成,则会在产品列表出现一个名叫智能灯光的产品,点击查看。
TueFebruary-202102232233..png


定义产品功能
选择功能定义后再点击添加自定义功能为智能灯光产品定义一个灯工作 状态的属性,
灯有两种工作状态:亮灭,可用布尔型表示,其中 0 代表灯灭,1 代表灯亮。 如下
图所示:


TueFebruary-202102234214..png

点击确认,则会在产品详情页的自定义功能栏看到所定义的功能及标识符。
TueFebruary-202102235268..png

TueFebruary-202102232679..png



4. 为产品添加设备。为智能灯光生成一个设备,如下图所示:
TueFebruary-202102239982..png

复制证书(非必要)
TueFebruary-202102235969..png

查看并记录你的设备的三组数据
TueFebruary-202102237151..png
TueFebruary-202102234375..png

记录完成后将产品上线
TueFebruary-202102236289..png




5. 调试设备,按照下图所示将下拉选项全部调试一遍以记录数据
若不调试的话,之后 web 设计指示灯和开关验证数据格式会出错
TueFebruary-202102233830..png




6.将 DF 商城页面附件下载并解压到 Arduino IDE 安装目录下的 libraries 文件中
TueFebruary-202102238709..png

打开 Arduino IDE,点击文件->示例->DFRobot_Aliyun->SmartLight 项目
(注意开发板选择 Firebattle-ESP32
TueFebruary-202102233265..png

修改程序——WiFi 名及密码,直接将其修改成能使用的 WiFi 即可,就不多说了,这
里主要介绍如何获取产品标识符、设备证书信息(ProductKey、DeviceName、
DeviceSecret)、及订阅和上报 TOPIC。设备信息证书。进入智能家居管理项目,在左
侧导航栏选择设备管理->设备,在设备列表中找到我们刚才创建的设备,单击其后的
查看,即可看到该设备的设备证书信息,如下图所示:
TueFebruary-202102239934..png
TueFebruary-202102232818..png
TueFebruary-202102239818..png

至此,智能灯光的 Arduino 程序修改完毕,此时编译上传至 ESP32 即可。执行
端已经 准备完毕。
现在来介绍如何创建一个 Web 可视化开发来实现对 LED 灯的控制和监测了。首先
是 Web 可视化开发的应用如下图所示在项目管理界面中点击主页然后点击新建。输入
名称后点击确认即可。
TueFebruary-202102233687..png

Web 页面编辑
TueFebruary-202102231231..png

Step1——点击配置按钮,然后将自定义新增页 1 改为 LED
TueFebruary-202102237502..png

Step2——添加组件为了美观,我们放上一张背景图,所以先添加一张图片,将图片拖
到画布中,设置为锁定。然后上传一张比较好看的图片。背景图原图如下。
TueFebruary-202102236890..png

添加文字——将文字拖到画布中,改为 DFRobot,将字体颜色改为蓝色,贴合背景色。
TueFebruary-202102239303..png

添加指示灯——将指示灯拖到画布中,然后配置参数,产品配置为智能灯光,设备配
置为刚才创建的设备 ,属性为灯工作状态,点击验证数据格式,再点击确定,这就配
置完成了.
TueFebruary-202102236313..png

添加开关——将开关拖到画布中,然后配置参数,产品配置为智能灯光,设备配置为
之前创建的设备,属性为灯工作状态,点击验证数据格式,再点击确定。
TueFebruary-202102239940..png

将指示灯和开关的颜色进行修改,符合背景图的颜色
可用账户设置(可选)
Web 可视化如果要移植使用,需要绑定域名,为了安全需要,绑定域名使用阿里云设置了付费。
如果需要移植使用的,可参考应用设置->域名管理,CDN 付费原则。
如果只是个人 需要不必添加域名,默认系统的域名即可。
TueFebruary-202102238806..png

Web可视化发布
点击右上角发布选项,然后跳到第二张图,备注网页信息,直接点击确定,然后得到网页链接。
注意:如果不需要绑定域名,直接点击网页链接,不要点击其他选择。
TueFebruary-202102231564..png
TueFebruary-202102231899..png

Web 查看
Web的页面已经生成,可直接在网页上点击开关按钮,实物LED就会执行相应的命令
教程pdf附件见下
物联网点灯教程.pdf (1.66 MB, 下载次数: 61)

闻道  1 学徒

发表于 2021-3-3 11:39:15

完全按照教程去做,到web可视化开发时,出现以下问题,这是 怎么回事
WedMarch-202103038051..png
回复

使用道具 举报

柳春晓  4 中级技师

发表于 2021-4-30 16:25:13

闻道 发表于 2021-3-3 11:39
完全按照教程去做,到web可视化开发时,出现以下问题,这是 怎么回事

这个是因为没有调试过虚拟设备,在设备-在线调试-虚拟设备调试,把每一个属性都上传一下就行了
教程中有个“5.调试设备”,你那一步没有操作,所以会出这个错误,如果按照这个帖子一步步完全一样操作是没问题的
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

为本项目制作心愿单
购买心愿单
心愿单 编辑
[[wsData.name]]

硬件清单

  • [[d.name]]
btnicon
我也要做!
点击进入购买页面
上海智位机器人股份有限公司 沪ICP备09038501号-4

© 2013-2021 Comsenz Inc. Powered by Discuz! X3.4 Licensed

mail