admin管理员组

文章数量:1530909

目录

  • 前言
  • 一、整体控制思路
    • 1、手机APP开发平台
    • 2、硬件平台
  • 二、手机APP的设计
    • 1、开发界面介绍
    • 2、新建工程
    • 3、在手机上安装APP
  • 三、ESP32代码的撰写
  • 三、实际测试
  • 总结


前言

拖延症间歇性康复,让我把这个笔记再补充一下下:使用手机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/
在右上角完成注册后进行登录操作。

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

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

2、新建工程

如图,导入官网的例程,例程下载:https://download.csdn/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/download/weixin_44415862/87403323
修改步骤:
1、点开修改好的例程,如下图所示:
2、修改所需连接的WiFi信息,以手机热点为例子,把自己热点的名称“wifi_nanme”和密码“wifi_password”写进代码;把巴法云的私钥和主题名也写入代码。

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

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

三、实际测试

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


总结

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

本文标签: 学习笔记手机网络wifiLED