18546浏览
查看: 18546|回复: 0

阿里云HaaS 600开发板套件---测评(二) WEB控灯

[复制链接]
本帖最后由 云天 于 2021-12-6 16:15 编辑

一、登录阿里云互联网的控制台
参考:https://wiki.dfrobot.com.cn/SKU_ ... S_600_Kit#target_13
二、使用物联网平台
1.创建产品
阿里云HaaS 600开发板套件---测评(二) WEB控灯图2
登录并进入物联网平台控制台,首先点击公共实例
在左侧导航栏选择设备管理->产品, 单击创建产品,弹出“新建产品”提示框,如图所示
阿里云HaaS 600开发板套件---测评(二) WEB控灯图1
按照页面提示,填写信息,例创建一个名为 阿里板的产品,单击保存。
产品创建完成后,会自动出现在产品列表中。接下来为产品定义相应的功能。
阿里云HaaS 600开发板套件---测评(二) WEB控灯图3
在产品列表中找到刚才创建的产品,单击该产品的查看按钮,进入产品详情页,点击功能定义,点击编辑草稿,在自定义功能栏,单击添加功能。按照页面提示,填写信息(注:要留意产品标识符,会用于 HaaS 600 与阿里云平台之间的连接,该产品标识符可在自定义功能栏查看),点击完成。具体设置参考下图 所示:
阿里云HaaS 600开发板套件---测评(二) WEB控灯图4

阿里云HaaS 600开发板套件---测评(二) WEB控灯图5
功能添加完成后,会自动出现在自定义功能栏,我们可以在这里查看产品的标识符,如图 所示:
阿里云HaaS 600开发板套件---测评(二) WEB控灯图6
发布上线
阿里云HaaS 600开发板套件---测评(二) WEB控灯图17

2.创建设备

在左侧导航栏选择设备管理->设备, 单击添加设备,选择一个已创建的产品。选择后,新建的设备将继承该产品定义好的功能和 特性。填入 DeviceName。如果不填,系统将自动生成,用以标识设备(用于标识同一产品下的多个设备)。具体设置步骤参考下图。
阿里云HaaS 600开发板套件---测评(二) WEB控灯图7
点击确认,完成设备创建,点击查看可以查看设备信息。
阿里云HaaS 600开发板套件---测评(二) WEB控灯图8
点击查看设备证书
阿里云HaaS 600开发板套件---测评(二) WEB控灯图9

阿里云HaaS 600开发板套件---测评(二) WEB控灯图10

可以查看、复制设备证书信息。设备证书又名设备三元组,由设备 ProductKey、 DeviceName、和DeviceSecret 组成,是设备与物联网平台进行通信的重要身份认证,建 议您妥善保管。
  • ProductKey:物联网平台为您创建的产品颁发的全局唯一标识符。
  • DeviceName:设备在产品内的唯一标识符,用于设备认证和通信。
  • DeviceSecret:物联网平台为设备颁发的设备秘钥,用于认证加密,需与 DeviceName 成对使用。
3.物联网开发服务
物联网开发服务是阿里云针对物联网领域提供的开发服务,可覆盖各物联网行业核心应 用场景,旨在解决物联网开发领域开发链路长、技术栈复杂、协同成本高、方案移植困难等 问题。开发服务提供了 Web 可视化开发、移动可视化开发和服务开发工作台等便携的物联 网开发工具。
无论是哪种服务开发,都必须先建立一个项目,然后再在该项目下创建服务。在这里我只简单的介绍如何创建项目,导入产品,以及如何进入服务创建页面。
(1).创建项目
登录并进入物联网平台控制台,进入IoT Studio(https://studio.iot.aliyun.com/):
在左侧导航栏单击项目管理,单击新建项目,选择创建空白项目。根据提示,填写信息,如图 所示:
阿里云HaaS 600开发板套件---测评(二) WEB控灯图12
单击确认,项目创建完成后,会自动进入到项目中,如下图所示:
阿里云HaaS 600开发板套件---测评(二) WEB控灯图11
(2).导入产品
在项目列表中找到刚才创建的项目(阿里控灯),再点击关联物联网平台产品,弹出关联产品对话框,选择要导入该项目的 产品,如图所示。

阿里云HaaS 600开发板套件---测评(二) WEB控灯图13导入设备
阿里云HaaS 600开发板套件---测评(二) WEB控灯图20
(3).Web可视化开发
<1>.新建Web可视化
点击后进入新的页面,先择左侧导航栏的应用开发,选中 页面中的Web 可视化开发选项,点击新建,即可进入 Web 可视化配置界面。 在弹出的移动可视化开发页面,填写应用名称信息,单击完成。该名称即为 Web 的名称。
阿里云HaaS 600开发板套件---测评(二) WEB控灯图15
阿里云HaaS 600开发板套件---测评(二) WEB控灯图14
<2>.Web页面编辑
创建完成后,自动进入Web编辑页面,将自定义新增页1改为LED
阿里云HaaS 600开发板套件---测评(二) WEB控灯图16
添加组件:添加开关。将指示灯拖到画布中,然后在“交互”中设置“事件”为“单击”,“动作”为“设置设备属性”,配置数据源,产品配置为阿里板,设备配置为LED_ali
阿里云HaaS 600开发板套件---测评(二) WEB控灯图18
属性设置:
阿里云HaaS 600开发板套件---测评(二) WEB控灯图19
注意“设置值”要使用”参数来源“中的”组件值“
(4).Web可视化发布
点击右上角发布,该web应用就完成了。
(5).Web查看
Web 的页面已经生成,可直接在网页点击开关,就能实现相应的状态。
进行到此步,即可开始 HaaS 600 程序的修改,完成真实物理设备同阿里云 IoT 平台的连接。
三、HaaS 600程序修改
1.把设备证书修改到指定位置:
/* 设备三元组信息获取请参考common目录下的iot组件说明 */
var productKey = 'a1XcgAwSgtt'; /* your productKey */
var deviceName = 'LED_ali'; /* your deviceName */
var deviceSecret = '5b9fd1f2fd8822019baa0b292e7e3766'; /* your deviceSecret */
2.然后我们通过程序找到对应的标识符。
       if (payload["light"] == 1) {
           Relay.writeValue(1);
           console.log('open relay');
       }
       if (payload["light"] == 0) {
           Relay.writeValue(0);
           console.log('close relay');
       }
app.js
  1. var gpio = require('gpio');
  2. var iot = require('iot');
  3. var network = require('network');
  4. var net = network.openNetWorkClient();
  5. var Relay = gpio.open({
  6.     id: 'D13'
  7. });
  8. /* 设备三元组信息获取请参考common目录下的iot组件说明 */
  9. var productKey = 'a1XcgAwSgtt'; /* your productKey */
  10. var deviceName = 'LED_ali'; /* your deviceName */
  11. var deviceSecret = '5b9fd1f2fd8822019baa0b292e7e3766'; /* your deviceSecret */
  12. /**
  13. * 阿里云iot的创建和连接
  14. */
  15. var device;
  16. net.on('connect', function () {
  17.     device = iot.device({
  18.         productKey: productKey,
  19.         deviceName: deviceName,
  20.         deviceSecret: deviceSecret,
  21.         region: 'cn-shanghai',
  22.         success: function () {
  23.             console.log('iot: [success] connect');
  24.         },
  25.         fail: function () {
  26.             console.log('iot: [failed] connect');
  27.         }
  28.     });
  29.     /* 云端设置属性事件 */
  30.     device.on('props', function (payload) {
  31.         /**
  32.          * 继电器高电平导通,低电平关闭
  33.          */
  34.         if (payload["light"] == 1) {
  35.             Relay.writeValue(1);
  36.             console.log('open relay');
  37.         }
  38.         if (payload["light"] == 0) {
  39.             Relay.writeValue(0);
  40.             console.log('close relay');
  41.         }
  42.     });
  43.     /* 云端下发服务事件 */
  44.     device.on('service', function (id, payload) {
  45.         console.log('iot: [success] iot.on(\'service\'), id: ' + id + ', payload: ' + JSON.stringify(payload));
  46.     });
  47. })
复制代码
app.json
  1. {
  2.     "version": "1.0.0",
  3.     "io": {
  4.         "D13": {
  5.             "type": "GPIO",
  6.             "port": 33,
  7.             "dir": "output",
  8.             "pull": "pulldown"
  9.         }
  10.     },
  11.     "debugLevel": "ERROR"
  12. }
复制代码
四、演示视频


提醒:要把手机卡插入板子后面卡槽里。




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

本版积分规则

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

硬件清单

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

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

mail