当前位置： 首页 > news >正文

ESP32-CAM实验集(WebServer)

news 2026/4/2 13:32:25
WebServer
效果图

已连接
在这里插入图片描述
在这里插入图片描述

web端
在这里插入图片描述

platformio.ini
; PlatformIO Project Configuration File
;
;   Build options: build flags, source filter
;   Upload options: custom upload port, speed and extra flags
;   Library options: dependencies, extra library storages
;   Advanced options: extra scripting
;
; Please visit documentation for the other options and examples
; https://docs.platformio.org/page/projectconf.html[env:esp32]
platform = espressif32
framework = arduino
board = esp32dev
源代码
/* ESP32 HTTP IoT Server Example for Wokwi.comhttps://wokwi.com/arduino/projects/320964045035274834When running it on Wokwi for VSCode, you can connect to thesimulated ESP32 server by opening http://localhost:8180in your browser. This is configured by wokwi.toml.
*/#include <WiFi.h>
#include <WiFiClient.h>
#include <WebServer.h>
#include <uri/UriBraces.h>// #define WIFI_SSID "Wokwi-GUEST"
// #define WIFI_PASSWORD ""
#define WIFI_SSID "iQOO Neo6"
#define WIFI_PASSWORD "yyuuiioo"
// Defining the WiFi channel speeds up the connection:
#define WIFI_CHANNEL 6WebServer server(80);const int LED1 = 2;
const int LED2 = 4;bool led1State = false;
bool led2State = false;void sendHtml()
{String response = R"(<!DOCTYPE html><html><head><meta charset="UTF-8"><!-- 其他原有头部标签内容 --><title>ESP32 Web Server Demo</title><meta name="viewport" content="width=device-width, initial-scale=1"><style>html { font-family: sans-serif; text-align: center; }body { display: inline-flex; flex-direction: column; }h1 { margin-bottom: 1.2em; } h2 { margin: 0; }div { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; grid-auto-flow: column; grid-gap: 1em; }.btn { background-color: #5B5; border: none; color: #fff; padding: 0.5em 1em;font-size: 2em; text-decoration: none }.btn.OFF { background-color: #333; }</style></head><body><h1>ESP32 Web Server</h1><div><h2>蓝色LED 灯</h2><a href="/toggle/1" class="btn LED1_TEXT">LED1_TEXT</a><h2>绿色的LED 灯</h2><a href="/toggle/2" class="btn LED2_TEXT">LED2_TEXT</a></div></body></html>)";response.replace("LED1_TEXT", led1State ? "ON" : "OFF");response.replace("LED2_TEXT", led2State ? "ON" : "OFF");server.send(200, "text/html", response);
}void setup(void)
{Serial.begin(115200);pinMode(LED1, OUTPUT);pinMode(LED2, OUTPUT);WiFi.begin(WIFI_SSID, WIFI_PASSWORD, WIFI_CHANNEL);Serial.print("Connecting to WiFi ");Serial.print(WIFI_SSID);// Wait for connectionwhile (WiFi.status() != WL_CONNECTED){delay(2000);Serial.print("Wait for connection .");}Serial.println(" Connected!");Serial.print("IP address: ");Serial.println(WiFi.localIP());server.on("/", sendHtml);server.on(UriBraces("/toggle/{}"), [](){String led = server.pathArg(0);Serial.print("Toggle LED #");Serial.println(led);switch (led.toInt()) {case 1:led1State = !led1State;if (led1State){Serial.print("打开");}else{Serial.print("关闭");}Serial.println("蓝色LED");digitalWrite(LED1, led1State);break;case 2:led2State = !led2State;if (led2State){Serial.print("打开");}else{Serial.print("关闭");}Serial.println("打开绿色LED");digitalWrite(LED2, led2State);break;}sendHtml(); });server.begin();Serial.println("HTTP server started (http://" + WiFi.localIP().toString() + ":80)");
}void loop(void)
{server.handleClient();delay(2);
}

相关文章：

ESP32-CAM实验集(WebServer)

WebServer 效果图 已连接 web端 platformio.ini ; PlatformIO Project Configuration File ; ; Build options: build flags, source filter ; Upload options: custom upload port, speed and extra flags ; Library options: dependencies, extra library stor…...

编程日记 2025/1/28 16:25:38

Case逢无意难休——深度解析JAVA中case穿透问题

Case逢无意难休——深度解析JAVA中case穿透问题~ 不作溢美之词&#xff0c;不作浮夸文章&#xff0c;此文与功名进取毫不相关也&#xff01;与大家共勉&#xff01;&#xff01; 更多文章&#xff1a;个人主页 系列文章&#xff1a;JAVA专栏 欢迎各位大佬来访哦~互三必回&#…...

编程日记 2025/1/28 16:24:11

Golang笔记——常用库context和runtime

大家好&#xff0c;这里是Good Note&#xff0c;关注 公主号&#xff1a;Goodnote&#xff0c;专栏文章私信限时Free。本文详细介绍Golang的常用库context和runtime&#xff0c;包括库的基本概念和基本函数的使用等。 文章目录 contextcontext 包的基本概念主要类型和函数1. **…...

编程日记 2025/1/28 16:19:53

2000-2020年各省第二产业增加值占GDP比重数据

2000-2020年各省第二产业增加值占GDP比重数据 1、时间&#xff1a;2000-2020年 2、来源&#xff1a;国家统计局、统计年鉴 3、指标&#xff1a;行政区划代码、地区名称、年份、第二产业增加值占GDP比重 4、范围&#xff1a;31省 5、指标解释&#xff1a;第二产业增加值占GDP比重…...

编程日记 2025/1/28 16:18:47

unity商店插件A* Pathfinding Project如何判断一个点是否在导航网格上?

需要使用NavGraph.IsPointOnNavmesh(Vector3 point) 如果点位于导航网的可步行部分&#xff0c;则为真。 如果一个点在可步行导航网表面之上或之下&#xff0c;在任何距离&#xff0c;如果它不在更近的不可步行节点之上 / 之下&#xff0c;则认为它在导航网上。 使用方法 Ast…...

编程日记 2025/1/28 16:15:41

Day24-【13003】短文，数据结构与算法开篇，什么是数据元素？数据结构有哪些类型？什么是抽象类型？

文章目录 13003数据结构与算法全书框架考试题型的分值分布如何&#xff1f; 本次内容概述绪论第一节概览什么是数据、数据元素&#xff0c;数据项&#xff0c;数据项的值&#xff1f;什么是数据结构&#xff1f;分哪两种集合形式&#xff08;逻辑和存储&#xff09;&#xff1f…...

编程日记 2025/1/28 16:13:38

富文本 tinyMCE Vue2 组件使用简易教程

参考官方教程 TinyMCE Vue.js integration technical reference Vue2 项目需要使用 tinyMCE Vue2 组件(tinymce/tinymce-vue)的第 3 版 安装组件 npm install --save "tinymce/tinymce-vue^3" 编写组件调用 <template><Editorref"editor"v-m…...

编程日记 2025/1/28 16:12:37

强化学习在自动驾驶中的实现与挑战

强化学习在自动驾驶中的实现与挑战 自动驾驶技术作为当今人工智能领域的前沿之一，正通过各种方式改变我们的出行方式。而强化学习（Reinforcement Learning, RL），作为机器学习的一大分支，在自动驾驶的实现中扮演了至关重要的角色。它通过模仿人类驾驶员的决策过程，为车辆…...

编程日记 2025/1/28 16:11:28

记录 | MaxKB创建本地AI智能问答系统

目录 前言一、重建MaxKBStep1 复制路径Step2 删除MaxKBStep3 创建数据存储文件夹Step4 重建 二、创建知识库Step1 新建知识库Step2 下载测试所用的txtStep3 上传本地文档Step4 选择模型补充智谱的API Key如何获取 Step5 查看是否成功 三、创建应用Step1 新建应用Step2 配置AI助…...

编程日记 2025/1/28 16:09:14

特种作业操作之低压电工考试真题

1.下面&#xff08; &#xff09;属于顺磁性材料。 A. 铜 B. 水 C. 空气 答案&#xff1a;C 2.事故照明一般采用&#xff08; &#xff09;。 A. 日光灯 B. 白炽灯 C. 压汞灯 答案&#xff1a;B 3.人体同时接触带电设备或线路中的两相导体时&#xff0c;电流从一相通过人体流…...

编程日记 2025/1/28 16:07:11

[免费]基于Python的Django博客系统【论文+源码+SQL脚本】

大家好&#xff0c;我是java1234_小锋老师&#xff0c;看到一个不错的基于Python的Django博客系统&#xff0c;分享下哈。 项目视频演示 【免费】基于Python的Django博客系统 Python毕业设计_哔哩哔哩_bilibili 项目介绍 随着互联网技术的飞速发展&#xff0c;信息的传播与…...

编程日记 2025/1/28 16:06:10

Cannot resolve symbol ‘XXX‘ Maven 依赖问题的解决过程

一、问题描述 在使用 Maven 管理项目依赖时&#xff0c;遇到了一个棘手的问题。具体表现为&#xff1a;在 pom.xml 文件中导入了所需的依赖&#xff0c;并且在 IDE 中导入语句没有显示为红色&#xff08;表示 IDE 没有提示依赖缺失&#xff09;&#xff0c;但是在实际使用这些依…...

编程日记 2025/1/28 16:04:01

我们需要有哪些知识体系，知识体系里面要有什么哪些内容？

01、管理知识体系的学习知识体系 主要内容&#xff1a; 1、知识管理框架的外部借鉴、和自身知识体系的搭建&#xff1b; 2、学习能力、思维逻辑能力等的塑造&#xff1b; 3、知识管理工具的使用&#xff1b; 4、学习资料的导入和查找资料的渠道&#xff1b; 5、深层关键的…...

编程日记 2025/1/28 16:02:57

什么是vue.js组件开发，我们需要做哪些准备工作？

Vue.js 是一个非常流行的前端框架，用于构建用户界面。组件开发是 Vue.js 的核心概念之一，通过将界面拆分为独立的组件，可以提高代码的可维护性和复用性。以下是一个详细的 Vue.js 组件开发指南，包括基础概念、开发流程和代码示例。 一、Vue.js 组件开发基础 1. 组件的基本…...

编程日记 2025/1/28 16:00:52

网络工程师 （3）指令系统基础

一、寻址方式 &#xff08;一&#xff09;指令寻址 顺序寻址&#xff1a;通过程序计数器&#xff08;PC&#xff09;加1&#xff0c;自动形成下一条指令的地址。这是计算机中最基本、最常用的寻址方式。 跳跃寻址&#xff1a;通过转移类指令直接或间接给出下一条指令的地址。跳…...

编程日记 2025/1/28 15:55:44

第4章 神经网络【1】——损失函数

4.1.从数据中学习 实际的神经网络中&#xff0c;参数的数量成千上万&#xff0c;因此&#xff0c;需要由数据自动决定权重参数的值。 4.1.1.数据驱动 数据是机器学习的核心。 我们的目标是要提取出特征量&#xff0c;特征量指的是从输入数据/图像中提取出的本质的数 …...

编程日记 2025/1/28 15:53:41

【Python】第五弹---深入理解函数：从基础到进阶的全面解析

✨个人主页&#xff1a; 熬夜学编程的小林 &#x1f497;系列专栏&#xff1a; 【C语言详解】 【数据结构详解】【C详解】【Linux系统编程】【MySQL】【Python】 目录 1、函数 1.1、函数是什么 1.2、语法格式 1.3、函数参数 1.4、函数返回值 1.5、变量作用域 1.6、函数…...

编程日记 2025/1/28 15:52:37

【MQ】如何保证消息队列的高性能？

零拷贝 Kafka 使用到了 mmap 和 sendfile 的方式来实现零拷贝。分别对应 Java 的 MappedByteBuffer 和 FileChannel.transferTo 顺序写磁盘 Kafka 采用顺序写文件的方式来提高磁盘写入性能。顺序写文件&#xff0c;基本减少了磁盘寻道和旋转的次数完成一次磁盘 IO&#xff0…...

编程日记 2025/1/28 15:50:29

RAG是否被取代（缓存增强生成-CAG）吗？

引言&#xff1a; 本文深入研究一种名为缓存增强生成&#xff08;CAG&#xff09;的新技术如何工作并减少/消除检索增强生成&#xff08;RAG&#xff09;弱点和瓶颈。 LLMs 可以根据输入给他的信息给出对应的输出&#xff0c;但是这样的工作方式很快就不能满足应用的需要: 因…...

编程日记 2025/1/28 15:49:27

用C++编写一个2048的小游戏

以下是一个简单的2048游戏的实现。这个实现使用了控制台输入和输出&#xff0c;适合在终端或命令行环境中运行。 2048游戏的实现 1.游戏逻辑 2048游戏的核心逻辑包括&#xff1a; • 初始化一个4x4的网格。 • 随机生成2或4。 • 处理玩家的移动操作&#xff08;上、下、左、…...

编程日记 2025/1/28 15:47:22

键盘连击终结者：开源工具KeyboardChatterBlocker让老化键盘重获新生

键盘连击终结者&#xff1a;开源工具KeyboardChatterBlocker让老化键盘重获新生 【免费下载链接】KeyboardChatterBlocker A handy quick tool for blocking mechanical keyboard chatter. 项目地址: https://gitcode.com/gh_mirrors/ke/KeyboardChatterBlocker 机械键盘…...

编程新知 2026/4/2 13:30:37

突破QQ音乐格式限制：QMCFLAC2MP3的音乐自由解决方案

突破QQ音乐格式限制&#xff1a;QMCFLAC2MP3的音乐自由解决方案 【免费下载链接】qmcflac2mp3 直接将qmcflac文件转换成mp3文件&#xff0c;突破QQ音乐的格式限制 项目地址: https://gitcode.com/gh_mirrors/qm/qmcflac2mp3 QMCFLAC2MP3是一款专为破解QQ音乐格式限制设计…...

编程新知 2026/4/2 12:23:51

别再只盯着CLIP了！用PaddlePaddle复现VSE++图文互搜模型（附Flickr8k数据集处理全流程）

突破CLIP局限&#xff1a;基于PaddlePaddle的轻量化图文检索实战指南 在当今多模态AI领域&#xff0c;CLIP等大型模型虽然表现出色&#xff0c;但其庞大的参数量和计算需求让许多开发者和企业望而却步。本文将带您探索一种更轻量、更高效的替代方案——VSE模型&#xff0c;并手…...

编程新知 2026/4/2 11:57:24

测试右移的复仇：上线后bug如何让公司赔光融资

当质量防线在“最后一公里”失守在软件交付的终点线前&#xff0c;测试团队常被一种“虚假的安全感”所笼罩。测试环境用例全绿&#xff0c;性能压测数据达标&#xff0c;验收报告签字盖章&#xff0c;一切似乎都指向一个平稳的上线。然而&#xff0c;当代码被部署到生产环境&a…...

编程新知 2026/4/2 11:47:11

保姆级教程：手把手教你下载SEED-VIG脑电数据集（附Gitee国内镜像地址）

从零到一&#xff1a;SEED-VIG脑电数据集的完整获取与解析指南 第一次接触SEED-VIG数据集时&#xff0c;我花了整整三天时间才搞明白如何正确下载和解析这个2.9GB的庞然大物。作为研究驾驶疲劳检测的重要资源&#xff0c;这个数据集的价值毋庸置疑&#xff0c;但获取过程却让不…...

编程新知 2026/4/2 10:17:58

ADS工程化实践：AEL自定义函数库的创建与集成

1. 为什么需要AEL自定义函数库&#xff1f; 在射频电路设计中&#xff0c;我们经常会遇到重复计算的场景。比如计算微带线阻抗、滤波器参数、噪声系数等&#xff0c;每次都要重新输入公式不仅效率低&#xff0c;还容易出错。我刚开始用ADS时&#xff0c;就经常因为手误输错公式…...

编程新知 2026/4/2 9:57:41

快速搭建视觉定位服务：Chord（Qwen2.5-VL）一键部署与使用

快速搭建视觉定位服务&#xff1a;Chord&#xff08;Qwen2.5-VL&#xff09;一键部署与使用 1. 项目概述 Chord是基于Qwen2.5-VL多模态大模型的视觉定位服务&#xff0c;能够通过自然语言描述在图像中精确定位目标对象。想象一下&#xff0c;你只需要说"找到图里的白色花…...

编程新知 2026/4/2 9:29:05

Wan2.2-I2V-A14B持续集成/持续部署（CI/CD）流水线搭建

Wan2.2-I2V-A14B持续集成/持续部署&#xff08;CI/CD&#xff09;流水线搭建 1. 引言 在AI模型服务开发中&#xff0c;频繁的迭代更新是常态。每次代码修改后手动执行测试、构建和部署不仅效率低下&#xff0c;还容易出错。本文将带你从零开始&#xff0c;为Wan2.2-I2V-A14B模…...

编程新知 2026/4/2 8:34:07

PasteMD在技术文档整理中的应用：快速将接口说明转为标准Markdown

PasteMD在技术文档整理中的应用&#xff1a;快速将接口说明转为标准Markdown 1. 技术文档整理的痛点与解决方案 在日常开发工作中&#xff0c;技术文档的编写和维护往往是最容易被忽视却又至关重要的环节。特别是接口文档&#xff0c;它们通常以多种形式存在&#xff1a;代码…...

编程新知 2026/4/2 8:18:01

2026别墅地下室保养升值的最好方法：电渗透技术的应用

别墅地下室随着人们日益增长的生活质量&#xff0c;功能也逐渐变得丰厚。当今时代不少业主都会在地下室加装健身房&#xff0c;酒窖以及影视厅等。这些功能区建设完毕初期给人无不良影响&#xff0c;但是随着时间的渐长&#xff0c;湿气不断渗透&#xff0c;首先空气潮湿度会给…...

编程新知 2026/4/2 7:43:22