# ESP32-APP

**Repository Path**: jiexinjx/esp32-app

## Basic Information

- **Project Name**: ESP32-APP
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-01-14
- **Last Updated**: 2025-01-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# APP 控制 ESP32-CAM


### 1. 安装Arduino IDE

下载 [Arduino IDE](https://arduino.me/download)


### 2. 添加附加开发板地址

打开Arduino IDE >`文件`>`首选项`，在`附加开发板管理器网址`中输入以下网址：

`https://arduino.me/packages/esp32.json`


### 3. 安装社区离线包

下载`esp32`安装包，直接运行，程序会自动解压到相应位置，

2.0.9（blinker推荐使用）：[网盘下载](https://pan.baidu.com/s/1bzSHa_XIZIA7SapJ7OFdpQ?pwd=jl83) 

解压完成后，重启Arduino IDE，点击`工具`>`开发板`>`esp32`找到你使用的esp32开发板


### 4. 注意事项

如果安装过其他版本的esp32 package，请先删除，再使用本安装包，删除方法：文件管理器地址栏输入 `%LOCALAPPDATA%/Arduino15/packages`，回车进入，然后删除掉其中的 `esp32` 文件夹


### 5. 下载并添加 Blinker 库

下载 [Blinker](https://gitcode.com/gh_mirrors/bl/blinker-library?utm_source=csdn_github_accelerator) 库

添加 `blinker-library-master.zip`，如下图所示

![blinker](https://gitee.com/jiexinjx/esp32-app/raw/master/pic/blinker.png)

![blinker1](https://gitee.com/jiexinjx/esp32-app/raw/master/pic/blinker1.png)


### 6. 打开 Blinker 库的示例代码

![blinker2](https://gitee.com/jiexinjx/esp32-app/raw/master/pic/blinker2.png)


### 7. 下载对应的APP

选择对应系统的 [APP](https://diandeng.tech/dev) 来下载

![APP](https://gitee.com/jiexinjx/esp32-app/raw/master/pic/app.png)

以安卓APP为例子，打开APP, 点击`添加设备`，再点击`独立设备`，接着选择右下角的`网络接入`

![1](https://gitee.com/jiexinjx/esp32-app/raw/master/pic/1.jpg)

接着点击`复制Key`，再点击`返回我的设备`

![2](https://gitee.com/jiexinjx/esp32-app/raw/master/pic/2.jpg)

然后把复制的Key更新到 `Blinker_ESP32_CAM.ino` 文件中第52行代码，接着在第53和54行修改为自己的WIFI账号和密码，注释掉第47行代码，并在第88行代码中，即 `auth` 后面 添加 `, ssid, pswd`，，注意：APP 和 ESP32-CAM 需连接同一路由器下的WIFI

![blinker3](https://gitee.com/jiexinjx/esp32-app/raw/master/pic/blinker3.png)

将修改好的代码上传到ESP32-CAM设备，并打开串口监视器，则可以查看设备的IP地址

![IP](https://gitee.com/jiexinjx/esp32-app/raw/master/pic/IP.png)


### 8. 在APP上添加视频组件

点击APP上`新的设备`，再点击`开始使用`，接着点击右上角的画笔，底部出现可以添加的组件，在底部向右滑动找到`视频`组件并点击它，拖动 `Video（视频）` 组件放在适合的位置并点击它，在`URL`后输入刚在串口监视器获得的IP地址，再点击右上角的 `✓`来保存组件设置

![video](https://gitee.com/jiexinjx/esp32-app/raw/master/pic/viedo.jpg) 

### 9. APP开发

已提供 [视频 + LED控制](https://gitee.com/jiexinjx/esp32-app/tree/master/Blinker_ESP32_CAM) 代码，用它替换掉 `Arduino` 中 `Blinker` 库中的 `Blinker_ESP32_CAM` 文件夹，接着在APP上添加`按键`组件，然后修改 `Blinker_ESP32_CAM.ino` 的第59行代码为刚添加的`按键`的`组件键名`，上传代码到ESP32-CAM设备，即可在APP上看到视频且能控制LED的开和关

![final](https://gitee.com/jiexinjx/esp32-app/raw/master/pic/final.jpg)

可根据[开发文档](https://diandeng.tech/doc)来学习如何开发自己想要的APP功能