系列文章目录
ESP32WROOM32 DEVKIT_C 物联网学习笔记(1)开发板简介及开发环境-CSDN博客
目录
前言
在上篇文章中对ESP32WROOM32做了简单介绍,并完成VSCode + PlatFormIO IDE环境搭建。接下来让我们使用ESP32动手搭建一个简单的网络服务器,正式开始我们的物联网学习之旅。
一、参考资料
本文主要参考自太极创客网站
3-2 ESP8266-NodeMCU网络服务器 – 太极创客
二、建立基本的网络服务器
1.参考资料
修改后的代码如下:
/**********************************************************************
项目名称/Project : 零基础入门学用物联网
程序名称/Program name : 3_2_1_First_Web_Server
团队/Team : 太极创客团队 / Taichi-Maker (www.taichi-maker.com)
作者/Author : CYNO朔
日期/Date(YYYYMMDD) : 20191107
程序目的/Purpose : 使用NodeMCU建立基本服务器。用户可通过浏览器使用8266的IP地址
访问8266所建立的基本网页(Hello from espwroom32)
-----------------------------------------------------------------------
修订历史/Revision History
日期/Date 作者/Author 参考号/Ref 修订说明/Revision Description
2024/7/15 王煜明 将太极创客8266版本代码修改为通用代码
***********************************************************************/
#include <WiFi.h> // 本程序使用 WiFi库
#include <WiFiMulti.h> // WiFiMulti库
#include <WebServer.h> // WebServer库
WiFiMulti wifiMulti; // 建立WiFiMulti对象,对象名称是'wifiMulti'
WebServer espwroom32_server(80);// 建立WebServer对象,对象名称为espwroom32_server
// 括号中的数字是网路服务器响应http请求的端口号
// 网络服务器标准http端口号为80,因此这里使用80为端口号
void handleRoot(); //函数声明
void handleNotFound();
void setup(void){
Serial.begin(9600); // 启动串口通讯
pinMode(2, OUTPUT); //蓝色LED初始化
//通过addAp函数存储 WiFi名称 WiFi密码
wifiMulti.addAP("SSID1", "Passwora1"); // 这三条语句通过调用函数addAP来记录3个不同的WiFi网络信息。
wifiMulti.addAP("SSID2", "Password2"); // 请将SSID1、SSID2、SSID3修改为要连接的WiFi名称。
wifiMulti.addAP("SSID3", "Password3"); // 并修改对应的Password1、Password2、Password3
// 此处WiFi信息只是示例,请在使用时将需要连接的WiFi信息填入相应位置。
// 另外这里只存储了3个WiFi信息,您可以存储更多的WiFi信息在此处。
int i = 0;
while (wifiMulti.run() != WL_CONNECTED) { // 此处的wifiMulti.run()是重点。通过wifiMulti.run(),NodeMCU将会在当前
delay(1000); // 环境中搜索addAP函数所存储的WiFi。如果搜到多个存储的WiFi那么NodeMCU
Serial.print(i++); Serial.print(' '); // 将会连接信号最强的那一个WiFi信号。
} // 一旦连接WiFI成功,wifiMulti.run()将会返回“WL_CONNECTED”。这也是
// 此处while循环判断是否跳出循环的条件。
digitalWrite(2, HIGH); //WiFi连接成功后蓝灯常亮
// WiFi连接成功后将通过串口监视器输出连接成功信息
Serial.println('\n'); // WiFi连接成功后
Serial.print("Connected to "); // NodeMCU将通过串口监视器输出。
Serial.println(WiFi.SSID()); // 连接的WiFI名称
Serial.print("IP address:\t"); // 以及
Serial.println(WiFi.localIP()); // NodeMCU的IP地址
//--------"启动网络服务功能"程序部分开始-------- // 此部分为程序为本示例程序重点1
espwroom32_server.begin(); // 详细讲解请参见太极创客网站《零基础入门学用物联网》
espwroom32_server.on("/", handleRoot); // 第3章-第2节 espwroom32-NodeMCU网络服务器-1
espwroom32_server.onNotFound(handleNotFound);
//--------"启动网络服务功能"程序部分结束--------
Serial.println("HTTP espwroom32_server started");// 告知用户espwroom32网络服务功能已经启动
}
/* 以下函数语句为本示例程序重点3
详细讲解请参见太极创客网站《零基础入门学用物联网》
第3章-第2节 3_2_1_First_Web_Server 的说明讲解*/
void loop(void){
espwroom32_server.handleClient(); // 处理http服务器访问
}
/* 以下两个函数为本示例程序重点2
详细讲解请参见太极创客网站《零基础入门学用物联网》
第3章-第2节 3_2_1_First_Web_Server 的说明讲解*/
void handleRoot() { //处理网站根目录“/”的访问请求
espwroom32_server.send(200, "text/plain", "Hello from espwroom32"); // NodeMCU将调用此函数。
}
// 设置处理404情况的函数'handleNotFound'
void handleNotFound(){ // 当浏览器请求的网络资源无法在服务器找到时,
espwroom32_server.send(404, "text/plain", "404: Not found"); // NodeMCU将调用此函数。
}
2.演示
烧写代码后串口会输出已连接的WiFi名称和ESP32的IP地址信息:
![](https://i-blog.csdnimg.cn/direct/d1a753f5ec6042069029715d14faa135.png)
首先确认你的电脑和ESP32连接在同一局域网内,然后在电脑上打开浏览器,输入上一步获取的IP地址,你的ESP32就会通过互联网来和你打招呼啦!
![](https://i-blog.csdnimg.cn/direct/6d165d92b6ca47f5b9d1b9443b905403.png)
三、通过网络服务实现ESP32WROOM32开发板基本控制
1.参考资料
3-2-2 通过网络服务实现NodeMCU开发板基本控制 – 太极创客
修改后的代码如下 :
/**********************************************************************
项目名称/Project : 零基础入门学用物联网
程序名称/Program name : 3_2_2_Turning_on_and_off_an_LED
团队/Team : 太极创客团队 / Taichi-Maker (www.taichi-maker.com)
作者/Author : CYNO朔
日期/Date(YYYYMMDD) : 20191108
程序目的/Purpose : 使用ESP32建立基本服务器。用户可通过浏览器使用WROOM的IP地址
访问WROOM所建立的基本网页并通过该页面点亮/熄灭ESP32的内置LED
-----------------------------------------------------------------------
修订历史/Revision History
日期/Date 作者/Author 参考号/Ref 修订说明/Revision Description
2024/7/15 王煜明 将8266程序修改为通用程序
***********************************************************************/
#include <WiFi.h> // 本程序使用 WiFi库
#include <WiFiMulti.h> // WiFiMulti库
#include <WebServer.h> // WebServer库
void handleLED(); //函数声明
void handleRoot();
void handleNotFound();
WiFiMulti wifiMulti; // 建立WiFiMulti对象,对象名称是 'wifiMulti'
WebServer esp32wroom32_server(80);// 建立网络服务器对象,该对象用于响应HTTP请求。监听端口(80)
void setup(void){
Serial.begin(9600); // 启动串口通讯
pinMode(2, OUTPUT); //设置内置LED引脚为输出模式以便控制LED
wifiMulti.addAP("ssid_from_AP_1", "your_password_for_AP_1"); // 将需要连接的一系列WiFi ID和密码输入这里
wifiMulti.addAP("ssid_from_AP_2", "your_password_for_AP_2"); // ESP32再启动后会扫描当前网络
wifiMulti.addAP("ssid_from_AP_3", "your_password_for_AP_3"); // 环境查找是否有这里列出的WiFi ID。如果有
Serial.println("Connecting ..."); // 则尝试使用此处存储的密码进行连接。
int i = 0;
while (wifiMulti.run() != WL_CONNECTED) { // 此处的wifiMulti.run()是重点。通过wifiMulti.run(),ESP32将会在当前
delay(1000); // 环境中搜索addAP函数所存储的WiFi。如果搜到多个存储的WiFi那么ESP32
Serial.print(i++); Serial.print(' '); // 将会连接信号最强的那一个WiFi信号。
} // 一旦连接WiFI成功,wifiMulti.run()将会返回“WL_CONNECTED”。这也是
// 此处while循环判断是否跳出循环的条件。
// WiFi连接成功后将通过串口监视器输出连接成功信息
Serial.println('\n');
Serial.print("Connected to ");
Serial.println(WiFi.SSID()); // 通过串口监视器输出连接的WiFi名称
Serial.print("IP address:\t");
Serial.println(WiFi.localIP()); // 通过串口监视器输出ESP32的IP
esp32wroom32_server.begin(); // 启动网站服务
esp32wroom32_server.on("/", HTTP_GET, handleRoot); // 设置服务器根目录即'/'的函数'handleRoot'
esp32wroom32_server.on("/LED", HTTP_POST, handleLED); // 设置处理LED控制请求的函数'handleLED'
esp32wroom32_server.onNotFound(handleNotFound); // 设置处理404情况的函数'handleNotFound'
Serial.println("HTTP esp32wroom32_server started");// 告知用户ESP32网络服务功能已经启动
}
void loop(void){
esp32wroom32_server.handleClient(); // 检查http服务器访问
}
/*设置服务器根目录即'/'的函数'handleRoot'
该函数的作用是每当有客户端访问ESP32服务器根目录时,
ESP32都会向访问设备发送 HTTP 状态 200 (Ok) 这是send函数的第一个参数。
同时ESP32还会向浏览器发送HTML代码,以下示例中send函数中第三个参数,
也就是双引号中的内容就是ESP32发送的HTML代码。该代码可在网页中产生LED控制按钮。
当用户按下按钮时,浏览器将会向ESP32的/LED页面发送HTTP请求,请求方式为POST。
ESP32接收到此请求后将会执行handleLED函数内容*/
void handleRoot() {
esp32wroom32_server.send(200, "text/html", "<form action=\"/LED\" method=\"POST\"><input type=\"submit\" value=\"Toggle LED\"></form>");
}
//处理LED控制请求的函数'handleLED'
void handleLED() {
digitalWrite(2,!digitalRead(2));// 改变LED的点亮或者熄灭状态
esp32wroom32_server.sendHeader("Location","/"); // 跳转回页面根目录
esp32wroom32_server.send(303); // 发送Http相应代码303 跳转
}
// 设置处理404情况的函数'handleNotFound'
void handleNotFound(){
esp32wroom32_server.send(404, "text/plain", "404: Not found"); // 发送 HTTP 状态 404 (未找到页面) 并向浏览器发送文字 "404: Not found"
}
2.演示
烧写代码后查看IP地址,在电脑浏览器中输入ESP32的IP地址后打开如下网页:
![](https://i-blog.csdnimg.cn/direct/1748158b262740398a4ffc7db8b9dda0.png)
![](https://i-blog.csdnimg.cn/direct/9f5135fccfbd47f1a0e4178389d215d2.gif)
四、 通过网络服务将开发板引脚状态显示在网页中(未完待续)
1.参考资料
3-2-3 通过网络服务将开发板引脚状态显示在网页中 – 太极创客
总结
使用ESP32搭建了一个简单的网页服务器,并使用网页控制开发板上的LED灯,初识物联网。