查看: 420|回复: 1

[讨论交流] 阿里云IoT套件测试3:创建物联网移动应用开发

[复制链接]
本帖最后由 szjuliet 于 2019-5-30 10:50 编辑

创建物联网移动应用开发


阿里云IoT套件测试1:开箱、软件安装及示例测试
阿里云IoT套件测试2:IoT平台注册、创建产品及设备
阿里云IoT套件测试3:创建物联网移动应用开发
阿里云IoT套件测试4:智能LED灯
阿里云IoT套件测试5:管理多个设备(单个ESP32)


依据 Starter Kit for Aliyun IoT (教程)进行测试链接地址
注:阿里云更新比较频繁,所以本帖中部分内容与DFROBOT提供的教程有较大不同


阿里云物联网开发服务的搭建分为三个步骤:
·        新建项目;
·        导入产品;
·        服务创建及开发;

一、新建项目

1. 创建项目

  • 登录并进入管理控制台,在左侧导航栏选择设备管理->开发服务-->IoT Studio,单击新建项目

ali_iot23a.png

  • 项目名称填写”智能家居“,点击“确定”

ali_iot20a.png
  • 在项目列表中会出现“智能家居”项目

ali_iot20b.png

二、导入产品

  • 点击上图中的“查看”,可以看到“智能家居”项目中还没有任何的产品、设备及应用。点击“导入产品”

ali_iot23.png

  • 选择“SmartHome”,单击“导入”

ali_iot24.png



  • 在智能家居下方,“关联产品”及“关联设备”的数量变为1

ali_iot25.png
产品导入成功后,该页面的关联产品关联设备的数量会发生变化,关联产品变化的数量差值就是导入的产品总数量,关联设备的变化即导入的产品下的设备总数。

三、服务创建及开发

  • 有三种服务开发,可通过左侧导航栏的推荐->Web 可视化开发、移动应用开发及服务开发打开

ali_iot19a.png

下面我们来进行一个简单的移动应用开发

1. 新建移动应用

  • 点击上图中的“移动可视化开发”,填写必要信息,然后点"完成"

ali_iot20.png

2. 页面编辑

  • 上图点击完成后,会打开下图的界面

ali_iot28a.png

  • 双击箭头处的“自定义新增页1”并将其修改为“智能灯光”

ali_iot29a.png     ali_iot29b.png

  • 设计“智能灯光”的界面:

ali_iot33.png
操作动图如下:
APP_UI.gif

  • 为灯的开关按钮配置数据
ali_iot49.png

ali_iot50.png

  • 指示灯组件配置数据
ali_iot51.png

“账号模块”无需设置,下面我们设置“首页模块”。
  • 选择“首页模块”下的“列表页”,单击“新增页面入口”

ali_iot27.png

  • 输入页面的“标题”为“智能灯”和“描述”为“远程开关灯”;在“跳转链接”处点击“配置”,并设置跳转为“智能灯光”页面

ali_iot42.png

3. 可用账户设置

注:一个项目下可创建多个移动应用服务,只要其中一个服务添加了账号,则后续移动应用服务,无需再添加账号。

  • 单击左侧导航栏的账号选项,点击添加用户

ali_iot30.png

  • 根据页面提示完成账号的添加


ali_iot31.png

  • 用户账户添加成功后,会自动出现在用户列表中

ali_iot32.png

4. Android 或 iOS 包生成

  • 在App编辑页面点击右上角的“构建”-->“Android构建”

ali_iot34.png

  • 点击“我只想自己用”

ali_iot35.png

  • 给安装包取个名字,注意命名规则

ali_iot36.png     ali_iot37.png

  • 点击“下一步”后开始打包,通常约需要5分钟

ali_iot38.png

  • 打包完成生成二维码

ali_iot39.png

5. 下载客户端应用

  • 用手机浏览器扫描上面生成的二维码,点击“DOWNLOAD”将app下载到手机上

ali_iot40.png

  • 下载后安装并运行app,输入前面账号设置中的手机号和密码登录

ali_iot41.png

  • 登录成功后进入首页,可以看到我们在前面设置的标题“智能灯”和描述“远程开关灯”

ali_iot43a.png

  • 点击屏幕右下方的“我的”会打开“关于界面”;屏幕右上方左边的小甲虫说明该app是调试状态,点击它可以打开调试界面

app_mine.png       debug.png

  • 点击“智能灯”会跳转到“智能灯光”页面,可以看到我们前面的界面设置,右下角的甲虫可以打开调试窗口

ali_iot44.png

接下来我们会在FIREBEETLE BOARD-ESP32构建项目,使手机能够远程控制灯的开关

套件来源DFRobot创客商城









szjuliet  版主
 楼主|

发表于 2019-5-30 10:50:58

阿里云最近很不稳定啊
回复 支持 反对

使用道具 举报

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

本版积分规则

为本项目制作心愿单
购买心愿单
心愿单 编辑
wifi气象站

硬件清单

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

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

mail