智能灯控制页面用HTML编写,3分钟教你创建手机APP控制全彩智能灯泡应用，图形化编程！...-CSDN博客

本帖最后由 bigfanofloT 于 2016-9-22 22:33 编辑

对，你没有看错！！！3分钟教你创建手机APP控制全彩智能灯泡应用，图形化编程，自动代码生成，麻麻再也不用担心我不会编程了，纯傻瓜式开发方式！机智云，物联网智能硬件平台领导者，重新定义智能设备开发！

本应用基于机智云gokitV2.1硬件平台，演示了如何通过手机APP下发数值量和枚举值控制一个RGB全彩LED的应用。

请看组图(后面附PDF版教程和源码下载)：

首先在机智云开发者中心创建产品。

演示1.png (36.33 KB, 下载次数: 72)

云端创建产品

2016-9-21 19:18 上传

云端-创建项目.png (31.82 KB, 下载次数: 73)

云端项目

2016-9-21 19:18 上传

填写好产品信息后新建数据点。

演示3.png (54.89 KB, 下载次数: 71)

云端新建数据点

2016-9-21 19:19 上传

我们建立如下数据点。

注意枚举的LED颜色需要用英文逗号隔开，不能有空格！！！

云端-数据点.png (62.11 KB, 下载次数: 59)

云端数据点

2016-9-21 19:20 上传

然后我们在开发向导里面，生成STM32工程。有关新建产品、建立数据点、生成单片机工程等步骤这里不再赘述，不明白的请参考前期教程：

1.3分钟教你创建WIFI远程控制应用：

2.3分钟教你创建手机APP远程温度监控应用：

下载生成的STM32工程并解压，生成的工程是Keil MDK的，如下点击打开。

工程-打开1.png (74.71 KB, 下载次数: 83)

2016-9-21 19:21 上传

工程-打开2.png (63.76 KB, 下载次数: 60)

2016-9-21 19:21 上传

若是Keil5打开工程，我们选择迁移packs。Keil4则没有这一步操作。

keil打开.png (123.35 KB, 下载次数: 84)

2016-9-21 19:23 上传

工程目录.png (44.78 KB, 下载次数: 61)

2016-9-21 19:23 上传

这里，我们从机智云官网下载Gokit V2.1 STM32底板微信宠物屋源码，把里面的关于底板RGB5050 全彩LED的驱动文件Hal_rgb.h和Hal_rgb.c文件拷贝到我们的工程中来，并添加好文件和编译路劲。这里我把delay.c和delay.h也添加进来，以备使用(实际上没有使用到~~)。关于这些驱动文件可以在机智云官网下载或者参考前期教程。

Main.c包含了RGB驱动头文件。

主函数头文件包含.png (54.49 KB, 下载次数: 68)

2016-9-21 19:24 上传

回到主函数main.c文件，把RGB初始化函数放到userInit()里，当然不是必须放这里，为了规范化，建议放这里。

主函数-外设初始化.png (62.15 KB, 下载次数: 72)

2016-9-21 19:25 上传

下面添加和RGB颜色控制有关的代码了，在gizwits_product.c里面。

首先是包含RGB驱动头文件。

产品函数-头文件包含.png (54.53 KB, 下载次数: 68)

2016-9-21 19:26 上传

这里是对于手机APP下发枚举颜色变量的处理，需要用户添加相关的处理函数。

产品函数-枚举变量处理.png (46.22 KB, 下载次数: 77)