ESP8266从点灯到APP控制小车(二）——搭建http网络服务器，实现网页点灯

最新推荐文章于 2024-08-13 06:15:21 发布
最新推荐文章于 2024-08-13 06:15:21 发布
阅读量2.2k 收藏 49
点赞数 19
分类专栏： 小白入坑ESP8266从点灯到遥控小车(一套全） 文章标签： 服务器 网络 web http 单片机
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/arsenlupin/article/details/128051754
版权

ESP8266从点灯到APP控制小车(二）——搭建http网络服务器，实现网页点灯

文章目录

所需组件

一、三分钟”强行解释“路径访问与http请求

1.路径访问

什么是路径？

例如：D:\Arduino-data\test1

如何进行路径访问？

在这里插入图片描述

以上就是为了找到test1.ino，而从D盘路径一层层访问下来

2.http请求

什么是http请求？（https就是加密的http）

在浏览器地址栏上输入https://music.163.com/就会跳转到网易云首页

在这里插入图片描述

可以在后面在加上路径，当访问的路径在服务器有资源时，浏览器就到那个地方，然后加载

在这里插入图片描述

点击歌单也是同理

在这里插入图片描述

其次，当点击具体的歌单时

在这里插入图片描述

再携带相应参数进行访问到有对应资源的地方，加载出相应资源（？后面就是参数）

在这里插入图片描述

例如：今天去麦当劳，看了下菜单，买了份巨无霸套餐

在这里插入图片描述

  • 域名:www.mcdonalds.com
  • 路径:menu（多个路径：域名/路径1/路径2/路径3？）
  • 参数:bigmac=1（多个参数：？参数1=1&&参数2=A&&参数3=C)

一句话”强行总结“：

通过浏览器地址，输入网址进行请求某个服务器（域名）下某个路径的具体资源（参数索引），服务器下有相应的资源，浏览器便访问到那个地方，然后浏览器加载

一个例子”强行解释“：

浏览器先访问到那个有所需资源地方，相当于我们电脑上先找到那个存放资源的文件夹：

在这里插入图片描述

然后浏览器加载资源 =>点击test1.ino打开

在这里插入图片描述

http请求的方式

get请求:

http默认的就是get请求，即直接通过改动网址的某些部分进行访问，会直接到那个访问的地方，如：

  • https://music.163.com/
  • https://music.163.com/#/playlist
  • https://music.163.com/#/playlist?id=7050074027

post请求:

一句话”强行概况“：

在不改变网址的情况下，通过后台提交请求的方式，访问到具体存放资源的地方，主要用来作数据创建，提交，获取和更新（其实可以类似于在后台去到想访问的地方，提交或者获取东西（完成相应动作）后，又返回根目录；又或者类似与派人从后台去拿资源回来加载）

二、网页点灯

1.开门见山——先点再说（上源码）

/**********************************************************************
项目名称/Project      : ESP8266网页点灯
程序名称/Program name : ESP8266webserver
程序目的/Purpose      : 搭建一个简单的网页，控制ESP8266点亮熄灭LED
项目作者/Author       : ArsenLupin
***********************************************************************/
#include <ESP8266WiFi.h>        // 本程序使用 ESP8266WiFi库
#include <ESP8266WebServer.h>   //  ESP8266WebServer库

// WiFi
const char *ssid = "A"; // 连接得wifi名称
const char *password = "123456789";  // WiFi密码

//创建一个变量led来存放需要控制的引脚号
int led = 2;        

//创建WiFi对象
WiFiClient espClient; 
//创建网络服务器对象，该对象用于响应HTTP请求，监听端口（80）    
ESP8266WebServer webserver(80);  

//处理相应请求的回调函数
void handleRoot();
void handleLEDPost();
void handleLEDGet();
void handleNotFound();

void setup(void){
  Serial.begin(115200);   // 设置窗口波特率，启动串口通讯
  pinMode(led, OUTPUT);   //引脚2为输出模式

  WiFi.begin(ssid, password);       //连接WiFi
  Serial.println("Connecting ...");
                                 
  // WiFi.status()表示的是当前WiFi连接状况，while会让WiFi一直连接成功才跳出
  while (WiFi.status() != WL_CONNECTED) {    
    delay(500);
    Serial.print(".");   
  }                                          

   //当WiFi连接成功，打印连上的WiFi名称和esp8266的ip地址
    Serial.print("\nConnected to ");
    Serial.println(WiFi.SSID());              
    Serial.print("ESP8266-ip:");
    Serial.println(WiFi.localIP());                   

    //创建web服务
    webserver.on("/",handleRoot);  //监听根目录，调用回调函数

    //监听ip地址下的/hello目录,匿名函数回调请求内容，状态码200表示请求成功，返回text类型下的plain类型内容
	webserver.on("/hello",[](){webserver.send(200,"text/plain","hello");});
   
    //监听/LED,监听post请求
    webserver.on("/LED",HTTP_POST,handleLEDPost);
    //监听/led,监听get请求
    webserver.on("/led",HTTP_GET,handleLEDGet);

    //当找不到目录时,匿名函数返回提示
    webserver.onNotFound(handleNotFound);

    //启动web服务
    webserver.begin();
    //告知用户网络服务功能已经启动
    Serial.println("HTTP esp8266-Webserver started");   
}
 
void loop(void){
  //检查http访问,处理客户端连接
  webserver.handleClient();                     
}

//处理根目录访问的回调函数
void handleRoot() {  
    String HTML="<!DOCYPYE html>\
      <html>\
	<head><meta charset='utf-8'></head>\
	<body>你好！ESP8266的web服务器欢迎您！\
  <form action=\"/led\"><input type=\"submit\" value=\"Get led\"></form>\
<form action=\"/LED\" method=\"POST\"><input type=\"submit\" value=\"Post LED\"></form>\
  </body>\
      </html>";     
  webserver.send(200, "text/html", HTML);
}
 
//处理Get访问/LED目录的回调函数
void handleLEDGet() {                          
  digitalWrite(led,!digitalRead(led));// 改变LED的点亮或者熄灭状态
  webserver.send(200,"text/html","Led is Change.");
}

//处理Post访问/LED目录的回调函数
void handleLEDPost() {                          
  digitalWrite(led,!digitalRead(led));      // 改变LED的点亮或者熄灭状态
  webserver.sendHeader("Location","/");     // 跳转回页面根目录
  webserver.send(303);                      // 发送Http相应代码303 跳转  
}

// 设置处理404情况的函数'handleNotFound'
void handleNotFound(){
  webserver.send(404, "text/plain", "404: Not found"); // 发送 HTTP 状态 404 (未找到页面) 并向浏览器发送文字 "404: Not found"
}

2.源码解析

1.引用相应的库，用来连接WiFi和创建web服务

#include <ESP8266WiFi.h>        // 本程序使用 ESP8266WiFi库
#include <ESP8266WebServer.h>   //  ESP8266WebServer库

2.WiFi连接设置

// WiFi连接设置
const char *ssid = "A"; // 连接的wifi名称
const char *password = "123456789";  // WiFi密码

3.创建变量控制引脚

//创建一个变量led来存放需要控制的引脚号
int led = 2;

4.利用库的类来实例化WiFi对象和web对象

//创建WiFi对象
WiFiClient espClient; 
//创建网络服务器对象，该对象用于响应HTTP请求，监听端口（80）    
ESP8266WebServer webserver(80);

5.先声明处理相应请求的回调函数

//处理相应请求的回调函数
void handleRoot();
void handleLEDPost();
void handleLEDGet();
void handleNotFound();

setup()

6.设置串口波特率，设置2号引脚为输出模式

  Serial.begin(115200);   // 设置窗口波特率，启动串口通讯
  pinMode(led, OUTPUT);   //引脚2为输出模式

7.调用函数，开始连接WiFi

  WiFi.begin(ssid, password);       //连接WiFi
  Serial.println("Connecting ...");

8.利用while循环，当WiFi连接上再跳出循环进行下一步

  // WiFi.status()表示的是当前WiFi连接状况，while会让WiFi一直连接成功才跳出
  while (WiFi.status() != WL_CONNECTED) {    
    delay(500);
    Serial.print(".");   
  }

9.当WiFi连接成功，打印连上的WiFi名称和esp8266的ip地址

   //当WiFi连接成功，打印连上的WiFi名称和esp8266的ip地址
    Serial.print("\nConnected to ");
    Serial.println(WiFi.SSID());              
    Serial.print("ESP8266-ip:");
    Serial.println(WiFi.localIP());

在这里插入图片描述

浏览器输入ip即可访问（前提是在同一局域网下，且ESP8266连接的WiFi必须是2.4Hz的，一般手机或电脑热点即可）

在这里插入图片描述

10.创建并初始化web服务器，监听服务器ip下不同路径的访问，并设置调用相应的函数作出响应（回调）

    //创建web服务器,监控不同路径
    webserver.on("/",handleRoot);  //监听根目录，调用回调函数
    //监听ip地址下的/hello目录,匿名函数回调请求内容，状态码200表示请求成功，返回text类型下的plain类型内容
    webserver.on("/hello",[](){webserver.send(200,"text/plain","hello");});
    //监听/led,监听get请求
    webserver.on("/led",HTTP_GET,handleLEDGet);
    //监听/LED,监听post请求
    webserver.on("/LED",HTTP_POST,handleLEDPost);
    //当找不到目录时,匿名函数返回提示
    webserver.onNotFound(handleNotFound);

这里有个地方使用了匿名函数的方式进行监听/hello并回调（看不懂可跳过）

webserver.on(“/hello”,{webserver.send(200,“text/plain”,“hello”);});

在这里插入图片描述

11.启动web服务，并串口打印告知用户

    //启动web服务
    webserver.begin();
    //告知用户网络服务功能已经启动
    Serial.println("HTTP esp8266-Webserver started");

loop()

12.检查http访问,处理客户端连接（目前无需理解）

void loop(void){
  //检查http访问,处理客户端连接
  webserver.handleClient();                     
}

相应回调函数的具体功能

void handleRoot();
void handleLEDPost();
void handleLEDGet();
void handleNotFound();

13.当直接访问ESP8266的ip根目录时（无路径，无参数），调用函数handleRoot

相当于直接访问网易云首页(根目录)

在这里插入图片描述

webserver.on(“/”,handleRoot); //监听根目录，调用回调函数

//处理根目录访问的回调函数
void handleRoot() {  
    String HTML="<!DOCYPYE html>\
      <html>\
	<head><meta charset='utf-8'></head>\
	<body>你好！ESP8266的web服务器欢迎您！\
  <form action=\"/led\" method=\"GET\"><input type=\"submit\" value=\"Get led\"></form>\
<form action=\"/LED\" method=\"POST\"><input type=\"submit\" value=\"Post LED\"></form>\
  </body>\
      </html>";     
  webserver.send(200, "text/html", HTML);
}

//函数回调相应请求内容，状态码200表示请求成功，返回text类型下的html类型内容

webserver.send(200, “text/html”, HTML);

HMTL里的内容是网页源码（浏览器可以加载然后显示网页），用的是一种标记语言

在这里插入图片描述

红框：ESP8266的ip地址（web服务器地址）

蓝框：浏览器加载出的HTML

14.当访问ESP8266的ip下的/led路径（http://192.168.137.61/led）时，调用函数handleLEDGet

webserver.on(“/led”,HTTP_GET,handleLEDGet); //监听/led,监听get请求

//处理Get访问/LED目录的回调函数
void handleLEDGet() {                          
  digitalWrite(led,!digitalRead(led));// 改变LED的点亮或者熄灭状态
  webserver.send(200,"text/html","Led is Change.");
}

浏览器地址栏输入http://192.168.137.61/led，即会自动调用handleLEDGet

在这里插入图片描述

当然，我们也可以通过按钮来实现get请求，还记得HTML吗

之前的HTML是以字符串是形式展现，现在是以它的本来面貌html展现

<!DOCYPYE html>      
<html>	
    <head><meta charset='utf-8'></head>	
    <body>你好！ESP8266的web服务器欢迎您！  
        <form action="/led" method="GET">
            <input type="submit" value="Get led">
        </form>
        <form action="/LED" method="POST">
            <input type="submit" value="Post LED">
        </form>  
    </body>      
</html>

按钮触发get请求

        <form action="/led" method="GET">
            <input type="submit" value="Get led">
        </form>

不过，当按下Get led按钮，就直接访问进到了资源界面，我们再想用按钮来控制就不行了，当然，有很多解决的办法，这里不过多介绍，主要介绍能自动返回的Post LED按钮

15.当访问http://192.168.137.61/LED时，调用函数handleLEDPost

webserver.on(“/LED”,HTTP_POST,handleLEDPost); //监听/LED,监听post请求

//处理Post访问/LED目录的回调函数
void handleLEDPost() {                          
  digitalWrite(led,!digitalRead(led));       // 改变LED的点亮或者熄灭状态
  webserver.sendHeader("Location","/");      // 跳转回页面根目录
  webserver.send(303);                       // 发送Http相应代码303 跳转  
}

按钮触发post请求

        <form action="/LED" method="POST">
            <input type="submit" value="Post LED">
        </form>

点击后，访问网址没有改变，但led的状态改变了

其实，点击后，它先是访问到/LED，提交了一些东西，然后又返回了，所以它实际上是去到了http://192.168.137.61/LED那个存放资源的地方，进行了函数回调，类似后台访问，没那么直接（个人理解）

在这里插入图片描述

16.当请求服务器没有的路径时，调用函数handleNotFound

webserver.onNotFound(handleNotFound); //当找不到目录时,匿名函数返回提示

// 设置处理404情况的函数'handleNotFound'
void handleNotFound(){
  webserver.send(404, "text/plain", "404: Not found"); // 发送 HTTP 状态 404 (未找到页面) 并向浏览器发送文字 "404: Not found"
}

三、练一练

1.课后小作业

创建三个网页按钮，来回控制3个引脚输出高低电平信号

2.思路分析

上述源码，我们已经通过一个Post请求的按钮实现了来回控制2号引脚输出电平信号的高低，以此类比进行复制

先多创建两个变量存储需要控制的引脚号

//创建一个变量led来存放需要控制的引脚号
int led = 2;    
int val = 4;
int val2 = 5;

设置引脚为输出模式

  pinMode(led, OUTPUT);   //引脚2为输出模式
  pinMode(val, OUTPUT);   //引脚4为输出模式
  pinMode(val2, OUTPUT);   //引脚5为输出模式

确定好对应的访问路径

如：/4，/5

声明相应回调函数

//处理相应请求的回调函数
void handleRoot();
void handleLEDPost();
void handleLEDGet();
void handleNotFound();

void handle4();
void handle5();

设置监听路径，调用相应函数

    //监听/4,监听post请求
    webserver.on("/4",HTTP_POST,handle4);
    //监听/5,监听post请求
    webserver.on("/5",HTTP_POST,handle5);

网页上添加相应的触发按钮,修改HTML字符串

        <form action="/4" method="POST">
            <input type="submit" value="Post 4">
        </form>  
        <form action="/5" method="POST">
            <input type="submit" value="Post 5">
        </form>

完善相应回调函数的具体功能

webserver.on(“/4”,HTTP_POST,handle4);

//处理Post访问/4目录的回调函数
void handle4() {                          
  digitalWrite(val,!digitalRead(val));       // 改变4的状态
  webserver.sendHeader("Location","/");      // 跳转回页面根目录
  webserver.send(303);                       // 发送Http相应代码303 跳转  
}

webserver.on(“/5”,HTTP_POST,handle5);

//处理Post访问/5目录的回调函数
void handle5() {                          
  digitalWrite(val2,!digitalRead(val2));       // 改变5的状态
  webserver.sendHeader("Location","/");      // 跳转回页面根目录
  webserver.send(303);                       // 发送Http相应代码303 跳转  
}

3.参考答案

/**********************************************************************
项目名称/Project      : ESP8266网页点灯
程序名称/Program name : ESP8266webserverPractice
程序目的/Purpose      : 搭建一个简单的网页，来回控制ESP82663个引脚
项目作者/Author       : ArsenLupin
***********************************************************************/
#include <ESP8266WiFi.h>        // 本程序使用 ESP8266WiFi库
#include <ESP8266WebServer.h>   //  ESP8266WebServer库

// WiFi
const char *ssid = "A"; // 连接的wifi名称
const char *password = "123456789";  // WiFi密码

//创建一个变量led来存放需要控制的引脚号
int led = 2;        
int val = 4;
int val2 = 5;
//创建WiFi对象
WiFiClient espClient; 
//创建网络服务器对象，该对象用于响应HTTP请求，监听端口（80）    
ESP8266WebServer webserver(80);  

//处理相应请求的回调函数
void handleRoot();
void handleLEDPost();
void handleLEDGet();
void handleNotFound();
void handle4();
void handle5();

void setup(void){
  Serial.begin(115200);   // 设置窗口波特率，启动串口通讯
  pinMode(led, OUTPUT);   //引脚2为输出模式
  pinMode(val, OUTPUT);   //引脚4为输出模式
  pinMode(val2, OUTPUT);   //引脚5为输出模式

  WiFi.begin(ssid, password);       //连接WiFi
  Serial.println("Connecting ...");
                                 
  // WiFi.status()表示的是当前WiFi连接状况，while会让WiFi一直连接成功才跳出
  while (WiFi.status() != WL_CONNECTED) {    
    delay(500);
    Serial.print(".");   
  }                                          

   //当WiFi连接成功，打印连上的WiFi名称和esp8266的ip地址
    Serial.print("\nConnected to ");
    Serial.println(WiFi.SSID());              
    Serial.print("ESP8266-ip:");
    Serial.println(WiFi.localIP());                   

    //创建web服务
    webserver.on("/",handleRoot);  //监听根目录，调用回调函数

    //监听ip地址下的/hello目录,匿名函数回调请求内容，状态码200表示请求成功，返回text类型下的plain类型内容
	webserver.on("/hello",[](){webserver.send(200,"text/plain","hello");});
   
    //监听/LED,监听post请求
    webserver.on("/LED",HTTP_POST,handleLEDPost);
    //监听/led,监听get请求
    webserver.on("/led",HTTP_GET,handleLEDGet);

    //监听/4,监听post请求
    webserver.on("/4",HTTP_POST,handle4);
    //监听/5,监听post请求
    webserver.on("/5",HTTP_POST,handle5);

    //当找不到目录时,匿名函数返回提示
    webserver.onNotFound(handleNotFound);

    //启动web服务
    webserver.begin();
    //告知用户网络服务功能已经启动
    Serial.println("HTTP esp8266-Webserver started");   
}
 
void loop(void){
  //检查http访问,处理客户端连接
  webserver.handleClient();                     
}

//处理根目录访问的回调函数
void handleRoot() {  
    String HTML="<!DOCYPYE html>\
      <html>\
	<head><meta charset='utf-8'></head>\
	<body>你好！ESP8266的web服务器欢迎您！\
  <form action=\"/led\" method=\"GET\"><input type=\"submit\" value=\"Get led\"></form>\
<form action=\"/LED\" method=\"POST\"><input type=\"submit\" value=\"Post LED\"></form>\
<form action=\"/4\" method=\"POST\"><input type=\"submit\" value=\"Post 4\"></form>\
<form action=\"/5\" method=\"POST\"><input type=\"submit\" value=\"Post 5\"></form>\
  </body>\
      </html>";     
  webserver.send(200, "text/html", HTML);
}
 
//处理Get访问/LED目录的回调函数
void handleLEDGet() {                          
  digitalWrite(led,!digitalRead(led));// 改变LED的点亮或者熄灭状态
  webserver.send(200,"text/html","Led is Change.");
}

//处理Post访问/LED目录的回调函数
void handleLEDPost() {                          
  digitalWrite(led,!digitalRead(led));      // 改变LED的点亮或者熄灭状态
  webserver.sendHeader("Location","/");     // 跳转回页面根目录
  webserver.send(303);                      // 发送Http相应代码303 跳转  
}

//处理Post访问/4目录的回调函数
void handle4() {                          
  digitalWrite(val,!digitalRead(val));       // 改变4的状态
  webserver.sendHeader("Location","/");      // 跳转回页面根目录
  webserver.send(303);                       // 发送Http相应代码303 跳转  
}

//处理Post访问/5目录的回调函数
void handle5() {                          
  digitalWrite(val2,!digitalRead(val2));       // 改变5的状态
  webserver.sendHeader("Location","/");      // 跳转回页面根目录
  webserver.send(303);                       // 发送Http相应代码303 跳转  
}

// 设置处理404情况的函数'handleNotFound'
void handleNotFound(){
  webserver.send(404, "text/plain", "404: Not found"); // 发送 HTTP 状态 404 (未找到页面) 并向浏览器发送文字 "404: Not found"
}

在这里插入图片描述

索子也敲代码
关注
专栏目录
NodeMCU ESP8266构建Web Server网页端控制设备
一名热爱技术的工程师的博客。分享技术干货，记录美好生活。永远相信美好的事情即将发生。
11-20 4069
内部集成了TCP/IP协议栈，可以快速构建网络功能，搭建联网应用的硬件平台；Station本文我们将把ESP8266配置为接入点（Station），自动连接到局域网中，实现通过网页端控制板载LED的亮和灭。
【Arduino】ESP8266网页端数据传输与控制
yyandad的博客
11-16 3604
目前所在公司主要业务是手机上光距感这颗器件，由于公司没有MTK/QCOM开发版，只能自己想办法模拟平台驱动，来熟悉芯片特性以及查找客户使用驱动的bug，由于esp8266比较便宜而且使用arduino编程也比较方便，开发版通过i2c与sensor通信,这篇主要介绍模拟更新配置文件，存于ESP闪存中，SPIFFS系统，开机时读取获得。不啰嗦，直接上代码，开发版部分，标注的也是比较清楚的,都是复制粘贴所得，希望路过的大神勿踩，upload.html以及success.html。参考网站：太极极客，菜鸟教程。
使用微信小程序控制ESP8266（麦克纳姆轮）智能车
m0211的博客
10-09 3801
使用微信小程序控制ESP8266（麦克纳姆轮）智能车 Author:wuli丶汐 专业：电信 使用微信程序控制WIFI小车之ESP8266例程： 一、控制原理原理 **简述** 利用发布订阅模式，即：利用ESP8266 订阅了一个主题，再利用app inventor 编写的app往这个 主题发布消息，由于ESP8266 订阅了这个消息，所以就可以收到app发布得消息，从而执行相应 得动作，比如前进\后退\左转\右转。 二、智能车组装准备 1、esp82
网页端按钮对 esp 8266 led 灯控制
最新发布
ling_zhi_xin的博客
08-13 212
esp 8266 学习
【esp8266】②esp8266实现http server服务
林中徘徊
08-22 5849
源码github地址：https://github.com/linzhongpaihuai/smartplug ①烧录方法：https://blog.csdn.net/u010177891/article/details/90348729 ②esp8266实现http server服务详解：https://blog.csdn.net/u010177891/article/details/10...
ESP8266--Arduino开发（搭建HTTP网络服务器）
贝勒里恩的博客
11-14 4196
超文本传输协议（Hyper Text Transfer Protocol，HTTP）是一个简单的请求-响应协议，它通常运行在TCP之上，它指定了客户端可能发送给服务器什么样的消息以及得到什么样的响应，，我们使用浏览器打开的网页使用的就是HTTP协议。接下来我们会参数在ESP8266-NodeMCU上建立一个HTTP网络服务器，然后通过浏览器来访问它。
ESP8266用网页控制电灯（micropython）
138YN的专栏
01-17 2425
#此esp8266的网页又链接到另一个esp8266 里边还有个温湿度传感器 ----------------------------------------------------------------------------------------------------------------------------------------- # ##########...
Esp8266 进阶之路 8266该怎么内置网页控制设备，理清内置网页的实现过程，esp8266烧录html文件，实现无需路由器手机也可以控制esp8266。
10-30
Esp8266 进阶之路32 当esp8266遇到 Html，该怎么内置网页控制设备，理清内置网页的实现过程，esp8266烧录html文件，实现无需路由器手机也可以控制esp8266。https://blog.csdn.net/xh870189248/article/details/83543997#_347
在点灯科技APP使用esp8266控制舵机
热门推荐
弓长于水的博客
05-27 3万+
最近有点事，一个星期没有写博客记录啦，其实遇到了不少有用的知识和小项目，没有写博客记录惭愧惭愧 废话不多说，我们进入正题： 这次我们用点灯科技来控制舵机的旋转 使用的还是我们的Arduino IDE，硬件的需求有esp8266 nodemcu以及一个舵机 1、为Arduino IDE添加点灯科技的库文件，具体操作看文章： https://blog.csdn.net/qq_44419932/article/details/106131905 2、上代码： #include <Servo.h>
不受局域网限制的遥控小车（esp8266+l298n+点灯科技平台）
弓长于水的博客
04-21 2万+
好久没写文章了，忙一些事去啦，最近做了一个小车觉得还挺有意思的，做成教程分享给大家（闲鱼奸商源码卖88真是不要脸）
ESP32-CAM、ESP8266、WIFI、蓝牙、摄像头设备实现嵌入式服务器点灯(原理图+源码)-电路方案
04-25
后期的的项目会涉及到图像处理（颜色识别，人脸检测，人脸识别，颜色跟踪，智能小车，手机app客户端控制，云平台语音识别，云平台图像识别等等，私有云图像处理，私有云监控搭建）全部原创开源，敬请期待。
基于esp8266的精简web服务器
02-07
此代码为基于esp8266的web服务器，使用的是Free RTOS实时操作系统，以web页面控制led灯为例子，适合于毕业设计加分
esp8266模块的http_client参考SDK历程
06-01
这是关于esp8266的SDK固件，esp8266作为Client，发送http连接服务器
ESP32-CAM摄像头小车
06-09
5. **手机APP开发**：配合ESP32-CAM小车，通常会开发一个移动应用程序，让用户通过手机实时查看小车摄像头的画面、控制小车运动、接收报警信息等。这可能涉及到Android或iOS平台的开发，如使用Flutter、React Native...
开源免费代码_02_单摇杆远程遥控小车，基于Arduino的ESP-NOW，ESP32发送指令、ESP32接收指令，实现小车毫秒级完美控制_公羽兴
weixin_52850743的博客
05-29 2783
开源免费代码_02_单摇杆远程遥控小车，基于Arduino的ESP-NOW，ESP32发送指令、ESP32接收指令，实现小车毫秒级完美控制_公羽兴
构建ESP8266网页控制
跨学科知识视角展现
04-12 1287
本教程是一个循序渐进的指南，显示了如何构建一个独立的ESP8266 Web服务器来控制两个输出（两个LED）。 该ESP8266 NodeMCU Web Server具有移动响应能力，可以用您本地网络中的浏览器通过任何设备进行访问。 第1部分：使用ARDUINO IDE创建Web服务器（视频） 截图 准备Arduino IDE 源代码 上传Sketch 将sketch上传到ESP-12E 将ske...
网页控制esp8266的8个GPIO引脚状态方法美化版(四)
perseverance51博客
03-22 731
网页控制esp8266的8个GPIO引脚状态方法美化版
RISC-V单片机快速入门06-控制ESP8266启动Http Server
weixin_45006076的博客
08-02 337
前言： 上一节，我们使用GD32VF103控制ESP-01S启动TCP Server，然后让多个网络调试助手连接ESP-01S并与之通信，本节我们在上一节基础上完成控制ESP-01S启动HTTP Server的功能，使用网页访问ESP-01S。 一、基础知识 1.HTTP简介 HTTP是Hypertext Transfer Protocol的缩写，Hypertext(超文本)是可以根据客户端请求而跳转的结构化信息。HTTP协议的请求及相应方式设计如下图所示： 从图中可以看出，服务器端响应客户端请求后立刻断
ESP8266 学习 七 之通过网页控制ESP8266开发板的引脚
qq_52785624的博客
10-05 1704
通过网页控制ESP8266开发板的引脚，
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

索子也敲代码

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值