【ESP32DEVKITV1学习笔记】WiFi连接网络点亮一盏LED灯|手机APP点亮LED

---

前言

拖延症间歇性康复，让我把这个笔记再补充一下下：使用手机APP控制LED的亮灭。 需要注意：本文章仅演示手机APP控制LED亮灭的简单功能，所以使用的是板载的LED，有更多需求的朋友可以根据自己的实际情况来修改例程，以满足自己具体需求。

一、整体控制思路

用户可通过手机APP对LED的亮灭进行相应的可视化操作。用户在手机正常联网的状态下，使用APP完成相应的操作后，APP将操作信息发送给云服务器，ESP32通过WiFi链接云服务器实时读取云服务器的数据，并作出相应的动作（拉高或者拉低对应IO口的电平）。

WIFI or 流量

WIFI or 流量

WIFI

WIFI

手机APP

云服务器

ESP32

LED

1、手机APP开发平台

首先明确需求：简单易上手，开发一个有按键、信息读取框的简单手机APP。综上我选择巴法云平台，APP设计过程可通过拖拽模块进行可视化设计，且提供例程。
在这里可以给观众朋友提供一个平台选取的思路（以小米手机为例）：
点开“米家”APP --> 点击“我的” --> “其他平台设备” --> 点击右上角的“添加”，你就可以发现一批第三方智能家居平台，这里面有不少免费的开发平台。
当然，有更复杂设计需求的朋友可以选择android studio开发。

2、硬件平台

依旧使用ESP32DEVKITV1，控制效果由板载的LED来显示。这里不再对板子的硬件资源进行介绍，有需求可以找前面的文章，觉得截图的原理图不够清晰的话，可以下载我上传的原理图PDF。

二、手机APP的设计

需要注意，本次笔记仅仅是分享如何快速完成标题任务，具体深入需要读者自行查看官方的教程。

1、开发界面介绍

如图所示，进入巴法云官网的界面。
https://cloud.bemfa.com/
在右上角完成注册后进行登录操作。

登录成功后的界面如下图所示：
1、左侧“TCP创客云”新建一个主题，例如我新建的“1light002”
2、从上方的“app inventor”进入app的开发界面。

为了快速解决战斗，我们使用在线开发界面。把点开的网址拉到最底下，进入广州教育的界面。并再次完成注册和登录操作。

2、新建工程

如图，导入官网的例程，例程下载：https://download.csdn.net/download/weixin_44415862/87403713

导入例程后，点击左上角的“逻辑设计”，进去修改相应的密钥。

进入逻辑设计的界面后，修改两处地方：UID和led_topic。UID复制私钥；led_topic为新建的主题名（前文提到的1light002）。

3、在手机上安装APP

在界面上方，选择“打包apk并显示二维码”，打开手机的浏览器，扫一扫二维码进行下载安装。

三、ESP32代码的撰写

差异性说明：官方使用arduino IDE进行代码开发，而我选择使用VS Code；官方使用esp8266，我使用esp32。大方向上一样的，但直接把官方的例程在VS Code编译会报错，需要做一些简单的修改。
（ 备注：VS Code环境配置可见我前面的博客，有每一步的详细介绍。）
首先这是我修改好的例程下载地址：https://download.csdn.net/download/weixin_44415862/87403323
修改步骤：
1、点开修改好的例程，如下图所示：
2、修改所需连接的WiFi信息，以手机热点为例子，把自己热点的名称“wifi_nanme”和密码“wifi_password”写进代码；把巴法云的私钥和主题名也写入代码。

3、根据受控的引脚，修改“LED_Pin”,本文使用的是ESP32DEVKITV1板载的led进行演示，所以引脚为“ 2 ”。

4、把代码下进板子，然后复位。

三、实际测试

打开手机热点 —> 让板子连上热点 —> 打开手机APP —> 点击“打开”or“关闭” —> 现象：板载led被app控制开关

---

总结

基本上就是拿官方的例程来改，我这就纯手把手记录。大家有什么问题可以评论区问，能解答我就解答。