szjuliet 发表于 2019-5-3 00:02:15

阿里云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,单击新建项目




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



[*]在项目列表中会出现“智能家居”项目



二、导入产品

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




[*]选择“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








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

阿里云最近很不稳定啊

碧海 发表于 2020-3-22 00:17:09

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

szjuliet 发表于 2020-3-22 10:24:20

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

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

DFr1JVabdwI 发表于 2020-4-6 10:08:19

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

szjuliet 发表于 2020-4-6 17:09:48

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

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

晚风 发表于 2020-4-20 17:00:38

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

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

QAQ 发表于 2020-4-23 11:28:05

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

狮山闲人 发表于 2022-2-25 08:58:41

这个教程上的步骤有的已经对不上号了,请问有新教程么
页: [1]
查看完整版本: 阿里云IoT套件测试3:创建物联网移动应用开发