阿里云IOT入门教程(三)阿里云IOT Studio自建手机App控制Wemos D1 Mini( ESP8266 )板载灯亮灭 | 您所在的位置:网站首页 › 阿里云手机端远程连接 › 阿里云IOT入门教程(三)阿里云IOT Studio自建手机App控制Wemos D1 Mini( ESP8266 )板载灯亮灭 |
阿里云IOT入门教程(一)阿里云IOT Studio自建手机App控制Wemos D1 Mini( ESP8266 )板载灯亮灭
概述所需材料Mqtt预备知识hacklab端开发硬件端上报属性数据
阿里云物联网平台端的设置创建产品创建产品性质创建设备复制Topic
阿里云IOT Studio设置创建项目导入产品手机端App开发App UI界面开发App UI界面与产品进行关联自定义页面和【功能】->列表页的关联注册用户打包应用程序打包安卓apkIOS构建
安卓apk安装使用安装apk
概述
通过阿里云物联网平台提供的IOT Studio服务创建一个手机App,实时控制WeMos D1 Mini板载的亮灭。这个加上继电器就可以控制家中照明灯的亮灭,扩展性很强。 所需材料Wemos D1 Mini开发板 *1 (9.9元) 智能手机 *1(。。。。每个人都有吧。。。) 合计:9.9元 Mqtt预备知识参见帖子。。。。(先挖个坑,,,待我回头补…) hacklab端开发这个部分就不重复写了参见之前的帖子。这里只给出大致的提纲。。嘿嘿嘿 VSCode+PlatformIo IDE(or hacklab方式)实现Wemos D1 Mini(ESP8266)接入阿里云物联网平台 ESP8266 (Wemos D1 Mini)阿里云IOT入门教程(二)— 如何测试Mqtt数据的发送和接收 硬件端上报属性数据主要代码 阿里云物联网平台端的设置 创建产品 创建产品性质 创建设备 复制Topic 阿里云IOT Studio设置 创建项目
整个App的UI开发,或者说你远程控制这个灯的操作界面是在“自定义页面”完成的。 按照下图所示的顺序。我们从区域一拖拽一个“开关”控件到区域二的界面上。并在区域三进行一些属性的设置。如大小,页面位置和颜色。 上一步拖拽到页面上的这个按钮控件主要是用来控制开发板上的板载灯的。所以需要对他的数据源进行配置。使按钮和板载灯关联起来。我们的板载灯其实就是上一个试验中智能灯光产品那个智能插座的属性。按照下图的顺序,打开“数据源配置”页面。
接下来我们会将这个程序打包成安装程序,安装程序会有一个登录页面。登录页面会要求输入手机号和密码。所以接下来我们在IOTStudio里注册下用户。方便到时候登录。(你也可以在注册页面进行注册) 在右上角选择“构建”按钮,在弹出的菜单中选择“”Android构建” IOTStudio提供的ios构建是源代码包。里面的bundleID你就用ios的app开发命名方式自己起一个名字就好比如“com.lalala.ledtest”,版本填写“1.0.0”,就可以下载生成的源码包。但是我把这个源码包发给了IOS开发的朋友,他说运行的时候需要一个三方的插件什么“cocoapods”,但是死活下载不下来这个插件。。。emmm 等我回头研究研究。。。这里先留个坑坑,有会的童鞋务必给我留言哈。。。我好像学习这个部分噻。 安卓apk安装使用 安装apk通过扫之前生成的二维码或直接下载的方式下载apk,下载好后进行安装。双击打开apk会显示下面的登录页面。在下面的页面用你之前创建的账号密码进行登录即可。 |
CopyRight 2018-2019 实验室设备网 版权所有 |