Arduino IDE ESP32-CAM WiFi 创建Web服务器 Android APP控制LED开关_ardiuno wifi控制led

最新推荐文章于 2024-09-06 16:46:12 发布
最新推荐文章于 2024-09-06 16:46:12 发布
阅读量810 收藏 11
点赞数 31
分类专栏： 程序员 文章标签： ide 前端 服务器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_84010702/article/details/138776838
版权 

### 手机连接ESP32-CAM WiFi


这块板子上还有个wifi，把它利用起来，如果手机能连上这个wifi，那不就相当于可以通过wifi控制这块板子了吗？


WiFi得有个名字，连接wifi的密码  
 给wifi分配一个ip地址  
 让他作为网关  
 再配个子网掩码  
 WiFi网络建立完成了


`WiFi的AP模式`：AccessPoint就是接入点的意思，就是把自己共享出来允许别人连接访问接入

#include <WiFi.h>

// 替换成你喜欢的网络名称和密码
const char* ssid = “ESP32_Wifi”;
const char* password = “12345678”;
IPAddress local_IP(192, 168, 1, 1); // 设置本地IP地址
IPAddress gateway(192, 168, 1, 1); // 设置网关
IPAddress subnet(255, 255, 255, 0); // 设置子网掩码

void setup()
{
pinMode(4, OUTPUT); // 设置GPIO4为输出模式
digitalWrite(4, LOW); // 关闭LED灯
Serial.begin(115200); // 初始化串口通信，波特率为115200

// 配置静态IP地址
if (!WiFi.config(local_IP, gateway, subnet)) {
Serial.println(“配置失败”);
}

// 建立Wi-Fi网络
WiFi.mode(WIFI_AP);
boolean result = WiFi.softAP(ssid, password);

if (result == true) {
Serial.print("网络名 SSID: ");
Serial.println(ssid);
Serial.print("IP 地址: ");
Serial.println(WiFi.softAPIP());
} else {
Serial.println(“Wifi启动失败.”);
}
}

void loop() {
// 其他代码
}


这样手机就可以连接上ESP32-CAM的WiFi了


### ESP32-CAM建立Web服务器


ESP32已经共享在网络上了，  
 IP地址是：192.168.1.1  
 用http协议访问通常是80端口  
 我们要提前对这个端口做一下监听，当别人访问我们的时候，我们要给出响应  
 http://192.168.1.1/  
 访问地址就是这个格式  
 所以这就是web服务这就算建立起了一个web服务器  
 服务器就是干活的  
 它负责监听端口，并且做出响应，这就叫做通讯。  
 对方发送请求，服务器给他反馈。

#include <WiFi.h>
#include <ESPAsyncWebServer.h>

const char* ssid = “ESP32”;
const char* password = “12345678”;
IPAddress local_IP(192, 168, 1, 1); // 设置本地IP地址
IPAddress gateway(192, 168, 1, 1); // 设置网关
IPAddress subnet(255, 255, 255, 0); // 设置子网掩码

AsyncWebServer server(80); // 创建服务器对象，指定监听端口80

void setup()
{
pinMode(4, OUTPUT); // 设置GPIO4为输出模式
digitalWrite(4, LOW); // 关闭LED灯
Serial.begin(115200); // 初始化串口通信，波特率为115200

// 配置静态IP地址
if (!WiFi.config(local_IP, gateway, subnet)) {
Serial.println(“STA Failed to configure”);
}

// 建立Wi-Fi网络
WiFi.mode(WIFI_AP);
boolean result = WiFi.softAP(ssid, password);

if (result == true) {
Serial.print("网络名 SSID: ");
Serial.println(ssid);
Serial.print("IP地址: ");
Serial.println(WiFi.softAPIP());
} else {
Serial.println(“Wifi启动失败.”);
}

// 响应网站根路径的请求
server.on(“/”, HTTP_GET, [](AsyncWebServerRequest *request){
request->send(200, “text/plain”, “Hello, World!”);
});

server.begin(); // 启动服务器
}

void loop() {
// 其他代码
}


以上是一个根路径请求，当有人通过浏览器访问http://192.168.1.1的时候，我们就给他返回一个字符串"`Hello, World!`"


### 手机浏览器访问ESP32-CAM Web服务器控制LED开关


同样，我们建立起来了web服务，手机连接上了我们的网络，对于手机的请求，我们也可以做相应的动作，从而实现手机控制ESP32-CAM

#include <WiFi.h>
#include <ESPAsyncWebServer.h>

const char* ssid = “ESP32_Wifi”;
const char* password = “12345678”;
IPAddress local_IP(192, 168, 1, 1); // 设置本地IP地址
IPAddress gateway(192, 168, 1, 1); // 设置网关
IPAddress subnet(255, 255, 255, 0); // 设置子网掩码

AsyncWebServer server(80); // 创建服务器对象，指定监听端口80

void setup()
{
pinMode(4, OUTPUT); // 设置GPIO4为输出模式
digitalWrite(4, LOW); // 关闭LED
Serial.begin(115200); // 初始化串口通信，波特率为115200

// 配置静态IP地址
if (!WiFi.config(local_IP, gateway, subnet)) {
Serial.println(“配置失败”);
}

// 建立Wi-Fi网络
WiFi.mode(WIFI_AP);
boolean result = WiFi.softAP(ssid, password);

if (result == true) {
Serial.print("网络名 SSID: ");
Serial.println(ssid);
Serial.print("IP地址: ");
Serial.println(WiFi.softAPIP());
} else {
Serial.println(“WiFi启动失败.”);
}

// 响应网站根路径的请求
server.on(“/”, HTTP_GET, [](AsyncWebServerRequest *request){
request->send(200, “text/plain”, “Hello, World!”);
});

// 响应打开LED的请求
server.on(“/led/on”, HTTP_GET, [](AsyncWebServerRequest *request){
digitalWrite(4, HIGH);
request->send(200);
});

// 响应关闭LED的请求
server.on(“/led/off”, HTTP_GET, [](AsyncWebServerRequest *request){
digitalWrite(4, LOW);
request->send(200);
});

server.begin(); // 启动服务器
}

void loop() {
// 其他代码
}


以上就是，手机连接ESP32-CAM的WiFi，打开手机浏览器，在地址栏  
 输入 http://192.168.1.1/ 的时候，web服务器就返回"Hello, World!"字符串  
 输入 http://192.168.1.1/led/on 的时候，将LED打开  
 输入 http://192.168.1.1/led/off 的时候，将LED关闭  
 从而实现手机控制


然而，`真正的需求`是要用


### 安卓app控制ESP32-CAM上面的LED灯开关


`通讯协议`


#### 1.ESP32-CAM通电以后建立了WiFi网络，并且启动了web服务，开始监听网络请求


此时ESP32-CAM共享出来一个网络  
 网络名：ESP32\_WiFi  
 密码：12345678  
 IP地址：192.168.1.1  
 网关：192.168.1.1  
 子网掩码：255.255.255.0


#### 2.当我们用手机去连接这个WiFi的时候，WiFi会自动分配给手机一个IP地址


**经验证发现**：  
 WiFi建立后Esp32-CAM的IP是`192.168.4.1`  
 连上他的手机的IP被分配成为了`192.168.4.2`


服务端就是上面那段代码没变


#### 3.安卓端(重点)


我用的是Java写的，没用kotlin。  
 网上找了很多段，也问了问ChatGPT，但是都没有给出正确答案。  
 `安卓比较复杂，遇到很多坑。`  
 点击`ON按钮`后给ESP32-CAM`发送HTTP_GET请求`，ESP32-CAM接收到请求后把灯`打开`  
 点击`OFF按钮`后给ESP32-CAM`发送HTTP_GET请求`，ESP32-CAM接收到请求后把灯`关闭`


先说：`app/build.gradle`文件  
 里面minSdk和targetSdk这个两是重点，因为有些时候一些语句写了由于版本的问题，他是不支持的。

plugins {
id ‘com.android.application’
}

android {
compileSdk 31

defaultConfig {
    applicationId "com.example.led"
    minSdk 23
    targetSdk 31
    versionCode 1
    versionName "1.0"

    testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
}

buildTypes {
    release {
        minifyEnabled false
        proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
    }
}
compileOptions {
    sourceCompatibility JavaVersion.VERSION_1_8
    targetCompatibility JavaVersion.VERSION_1_8
}

}

dependencies {

implementation 'androidx.appcompat:appcompat:1.4.1'
implementation 'com.google.android.material:material:1.4.0'
implementation 'androidx.constraintlayout:constraintlayout:2.1.4'
implementation 'com.amitshekhar.android:android-networking:1.0.2'
implementation 'com.squareup.okhttp3:okhttp:4.10.0'
testImplementation 'junit:junit:4.13.2'
androidTestImplementation 'androidx.test.ext:junit:1.1.5'
androidTestImplementation 'androidx.test.espresso:espresso-core:3.5.1'

}


再说：`app/src/main/AndroidManifest.xml`文件  
 这三句是开启网络访问权限，这是大家已经共识的了，不开这个手机app就没有连接wifi的权限。





其实我开了以后也不行，弄了好久，结果找到了这一句  
 就写在application  
 因为安卓9.0以后升级了，直接明文发送请求不让发送了，加上以下这句就行了  
 `限制明文请求`

android:usesCleartextTraffic=“true”


困扰了我好久，555
<?xml version="1.0" encoding="utf-8"?> 







    <category android:name="android.intent.category.LAUNCHER"/>
  </intent-filter>
</activity>


主界面：`app/src/main/res/layout/activity_main.xml`文件
<?xml version="1.0" encoding="utf-8"?>

<androidx.constraintlayout.widget.ConstraintLayout
xmlns:android=“http://schemas.android.com/apk/res/android”
xmlns:tools=“http://schemas.android.com/tools”
xmlns:app=“http://schemas.android.com/apk/res-auto”
android:orientation=“vertical”
android:layout_width=“match_parent”
android:layout_height=“match_parent”

<LinearLayout
android:orientation=“vertical”
android:layout_width=“wrap_content”
android:layout_height=“wrap_content” app:layout_constraintTop_toTopOf=“parent”
app:layout_constraintStart_toStartOf=“parent”
app:layout_constraintBottom_toBottomOf=“parent”
app:layout_constraintEnd_toEndOf=“parent”>
<Button
android:id=“@+id/onLED”
android:layout_width=“match_parent”
android:layout_height=“wrap_content”
android:text=“ON”
tools:ignore=“HardcodedText”/>

最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数Java工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年嵌入式&物联网开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

img

img

img

img

img

img

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上嵌入式&物联网开发知识点，真正体系化！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新！！

转存中…(img-YbK2FFv8-1715539380581)]

[外链图片转存中…(img-wN2Lyhlg-1715539380581)]

[外链图片转存中…(img-PUsq0eZ6-1715539380582)]

[外链图片转存中…(img-ELPKZj4T-1715539380582)]

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上嵌入式&物联网开发知识点，真正体系化！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新！！

使用 ESP32-CAM 模块的 WiFi 控制监控机器人小车
jkh920184196的博客
09-13 150
在这个项目中，我们将构建一辆 ESP32 Cam 监控车，这是一个实用且易于使用的起点，可以开始学习远程控制和 ESP32 项目。首先，我们包含了所有必要的头文件，并声明了我们需要的所有全局变量。使用接头引脚将模块放置在 PCB 上，然后使用主 PCB 中的 JST 连接器将电机放置在 PCB 上。我们以一种具有多种用途的方式设计了 PCB，它不仅可以互连所有模块和组件，还可以充当 ESP32 Cam 监控车的底盘。价格是根据知名供应商提供的最便宜的选项计算的，只有最低数量的组件作为最低起订量。
ESP32-CAM Webserver 开源项目教程
gitblog_00191的博客
08-21 425
ESP32-CAM Webserver 开源项目教程 项目地址:https://gitcode.com/gh_mirrors/es/esp32-cam-webserver 1. 项目的目录结构及介绍 目录结构 esp32-cam-webserver/ ├── data/ │ ├── index.html │ ├── script.js │ └── style.css ├── src/ ...
ESP32-CAM静态IP的设置
de221002的博客
04-05 927
静态IP Arduino IDE文件我也是在网上找的，接着打开静态IP地址的Arduino IDE文件。然后在网页里面打开固定的那个静态IP地址，非常完美，每次打开都是那个地址不会变。每次使用完关机之后打开就找不到IP地址。用静态的他就不会出现这种情况。上传成功后，按一下复位键，串口监视器里面就会有那个固定的IP地址。再打开，Arduino IDE示例里面打开ID地址上传。下次就来搞内网穿透，因为这个只能限制同一个局域网内。导入ESP32-CAM固件，先导入端口。一样的修改IP地址，子网掩码，网关。
ESP32应用开发-Webserver
dropLin的博客
08-29 758
ESP32作为AP模式，终端连接该AP，通过地址即可访问该web服务器了，前端界面文件通过http GET方式获取，包括css文件，图片，js文件等。，是支持lambda函数的，锁直接把函数传参直接写在调用处，是不是很方便。，是支持lambda函数的，锁直接把函数传参直接写在调用处，是不是很方便。字段中，以json字符串的形式存放。post消息体的body数据放在。，Arduino的编译链为。，Arduino的编译链为。把整个前端文件的内容放在。
Arduino IDE ESP32-CAM WiFi 创建Web服务器 Android APP控制LED开关
望天吼
05-20 2489
同样，我们建立起来了web服务，手机连接上了我们的网络，对于手机的请求，我们也可以做相应的动作，从而实现手机控制ESP32-CAM。这块板子上还有个wifi，把它利用起来，如果手机能连上这个wifi，那不就相当于可以通过wifi控制这块板子了吗？以上是一个根路径请求，当有人通过浏览器访问http://192.168.1.1的时候，我们就给他返回一个字符串"我们要提前对这个端口做一下监听，当别人用浏览器放问我们的时候，我们要给出响应。以上就是，手机连接ESP32-CAM的WiFi，打开手机浏览器，在地址栏。
安卓APP控制ESP32
Echoo的博客
10-08 3240
本人所学专业为电力电子专业，想做关于负载的连续变化实验，变化频率一定，首先想到的是电子负载，但是实验室中现有的电子负载无法应用与所研究的小功率变换器，于是想通过单片机来控制继电器进行负载切换。对于单片机的选择，具备联网功能的ESP32 WROOM，价格美丽，资源足够。
ESP32CAM实现手机app实时监控
戚晨夕的博客
08-14 4845
之前拿到ESP32CAM的时候就想把图像传到手机app上，但是一直找不到一个库，今天突然可以用了，原因未知。也是做到了图像的传输。
ESP32_CAM CameraWebServer例程源码解析笔记（一）
m0_62364527的博客
02-06 2919
玩了那么就cam都玩坏不知道多少个了（还好用的老师的不然得心疼死），但好像没有沉下心来好好看过它的例程源码。: 摄像头的 SCCB（Serial Camera Control Bus）通信引脚，用于配置和控制摄像头的参数。: 外部时钟的频率，这里设置为 20,000,000 Hz（20 MHz）。: 如果图像格式是 JPEG，这里设置 JPEG 的质量，这里设置为 12。: 摄像头图像缓冲区的数量，这里设置为 1。: 摄像头输出的图像帧大小，这里设置为。: 设置图像数据的抓取模式，这里设置为。
Arduino IDE ESP32-CAM WiFi 创建Web服务器 Android APP控制LED开关_ardiuno wifi控制led(1)
2301_79835671的博客
04-04 902
你的支持，我的动力；祝各位前程似锦，offer不断，步步高升！！！[外链图片转存中…(img-IYzphmu9-1712229482092)]由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新如果你觉得这些内容对你有帮助，可以+V：Vip1104z获取！！！（备注：嵌入式）你的支持，我的动力；祝各位前程似锦，offer不断，步步高升！！！更多资料点击此处获qu！！
使用Arduino+IDE进行ESP32-CAM视频流和人脸识别.docx
11-20
ESP32-CAM是一款基于ESP32-S芯片的微型摄像头模块，主要应用于物联网(IoT)项目中的视频...如果你想要深入探索，可以研究arduino-esp32库中的更多示例，或者参考开源社区的其他项目，以便进一步提升你的ESP32-CAM项目。
Arduino IDE编译烧写ESP32 CAM
luotong86的专栏
09-21 3286
一、安装Arduino IED 到官网下载IDE 二、安装ESP32 工具 打开菜单，文件-》首选项，在设置页“附加开发板管理器网址”，添加： https://dl.espressif.com/dl/package_esp32_index.json 打开菜单，工具-》开发板管理器，搜索ESP32，选择安装 安装完成后，选择ESP32 Wrover Module 模组 partition sche...
0代码，不用app Arduino esp32cam 远程控制Web Server视频小车
u014331212的博客
02-18 4017
0代码不用app视频小车
Android app+ESP32-CAM实现远程监控app
zlq721127的博客
04-04 8717
最近打比赛创新点需要在app里设计添加监控模块，看了CSDN其他文章，借鉴了各位大佬的思路，最近成功解决，由于花费也少，所以在这里总结一下。以上就是今天要讲的内容，本文介绍了ESP32—CAM结合android app简单的开发使用，本人第一次发文章，还请多多包涵。
Arduino ESP32 Web 服务器
COYOO
07-12 1803
本项目使用ESP32创建一个Web 服务器，且控制两个 LED。可使用电脑或手机在本地网络上的浏览器进行访问。
【花雕学编程】Arduino动手做（230）---在ESP32-CAM上打开摄像照明灯（正面大颗粒LED）
最新发布
雕爷学编程
09-06 757
鉴于本人手头积累了一些传感器和执行器模块，依照实践出真知（一定要动手做）的理念，以学习和交流为目的，这里准备逐一动手尝试系列实验，不管成功（程序走通）与否，都会记录下来——小小的进步或是搞不掂的问题，希望能够抛砖引玉。ESP32-Cam 是一款运行在 ESP32-S 芯片上并使用 OV2640 摄像头的小型摄像头模块。ESP32_Cam 也可以 OV7670 摄像头，但 OV2640 更好（更高的分辨率和内置的 JPEG 编码，这消除了 ESP32-S 的处理任务）。支持蓝牙 （4.2 带 BLE）
esp32-cam-webserver:乐鑫 ESP 网络摄像头的扩展版本
08-04
重新审视 ESP32-CAM 示例。 取自 ESP 示例，并进行了扩展 此草图是乐鑫“官方”ESP32 相机示例草图的扩展/扩展/返工： 但扩展为： 默认网络和相机设置的更多选项 保存和恢复设置 控制车载灯，在浏览器中旋转视图 专用的独立流查看器 无线固件更新 许多小的修复和调整、文档等。 并通过删除人脸识别功能“减少” 如果你想尝试人脸识别功能，请使用，它仍然收到错误修正，但没有收到任何进一步的开发。 它们是一个演示，仅在低分辨率模式下工作，在电源循环之间没有保留人脸数据库，并且在实际应用中几乎没有用处。 ESP-CAM 还有其他（专门的）草图可以更有效地使用人脸识别，如果这是你的事:-) 原始示例有点难以理解，并且难以按照提供的方式进行修改。 它非常专注于炫耀人脸识别功能，而忘记了“网络摄像头”部分。 这些在线模块还有许多其他网络摄像头服务器的变体，但大多数是为特定
基于ESP32CAM的手机app控制的图传小车
戚晨夕的博客
08-14 5333
昨天做了图传，今天就想做个小车玩玩，说干就干。
esp32cam实现wifi内网穿透后的监控
08-14
ESP32-CAM是Espressif Systems推出的一款集成了摄像头功能的ESP32微控制器模块，主要用于物联网(IoT)中的图像处理和视频传输应用。本文将深入探讨如何利用ESP32-CAM实现WiFi内网穿透，从而实现远程监控。 在物联网...
ESP32-CAM 参考资料
01-03
6. GPIO接口：ESP32-CAM提供多个GPIO引脚，用户可以通过编程控制这些引脚，实现LED闪烁、电机驱动、传感器连接等各种功能。 7. 应用场景： - 智能家居：作为安全监控的一部分，可以远程查看家庭状况。 - 工业监控...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值