阿里云IoT套件测试3：创建物联网移动应用开发

创建物联网移动应用开发

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


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

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

一、新建项目

1. 创建项目

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

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

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

二、导入产品

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

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

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

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

三、服务创建及开发

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

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

1. 新建移动应用

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

2. 页面编辑

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

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

   

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

操作动图如下：

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

• 指示灯组件配置数据
  

“账号模块”无需设置，下面我们设置“首页模块”。

• 选择“首页模块”下的“列表页”，单击“新增页面入口”
  
  

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

3. 可用账户设置

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

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

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

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

4. Android 或 iOS 包生成

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

• 点击“我只想自己用”
  
  

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

   

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

• 打包完成生成二维码
  
  

5. 下载客户端应用

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

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

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

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

     

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

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

套件来源：DFRobot创客商城

产品链接：https://www.dfrobot.com.cn/goods-1896.html

阿里云最近很不稳定啊

按照教程上阿里云，没有找到推荐啊，也没有APP的制作

碧海 发表于 2020-3-22 00:17
按照教程上阿里云，没有找到推荐啊，也没有APP的制作

阿里云更新的非常频繁，将近一年的时间过去了，有很多大的更新，相关操作就对不上了。

移动可视化开发已经没了。。。

DFr1JVabdwI 发表于 2020-4-6 10:08
移动可视化开发已经没了。。。

有的哦。
在物联网-->IoT Studio-->应用 开发-->Web可视化开发中可以新建移动应用。

szjuliet 发表于 2020-4-6 17:09
有的哦。
在物联网-->IoT Studio-->应用 开发-->Web可视化开发中可以新建移动应用。 ...

现在还有这个功能吗？找了很久都没找到

移动可视化功能好像已经被取消了

这个教程上的步骤有的已经对不上号了，请问有新教程么