ESP32通过WEB页面连接WIFI+复位重连+删除已连WiFi（Arduino）

最新推荐文章于 2025-07-09 23:32:49 发布

lw1997

最新推荐文章于 2025-07-09 23:32:49 发布

阅读量1.2w

点赞数 23

CC 4.0 BY-SA版权

分类专栏： ESP32 文章标签： ESP32 WIFI Arduino

本文链接：https://blog.youkuaiyun.com/u014091490/article/details/99709431

在ESP32官方的例程中，都是直接把WIFI的SSID和Password写死在程序里，但是在实际使用中网络环境是不固定的，如果更换了网络环境，就得重新修改程序，在实际运用中并不合理。我在网上找了很久也没找到类似的例程，于是便自己试着写了一个，我的思路如下：
在这里插入图片描述
首次上电会有一个ESP32发出的WIFI，手机连接这个WIFI，然后访问esp32的IP地址就会出现WIFI配置的网页：
由于ESP32默认会自动保存WiFi信息，配置WiFi之后我们不用考虑怎么保存WiFi。

下面是完整的程序

#include <WiFi.h>
#include <WebServer.h>
#include <ESPmDNS.h>
#include <esp_wifi.h>

const char* AP_SSID  = "ESP32_Config"; //热点名称
String wifi_ssid = "";
String wifi_pass = "";
String scanNetworksID = "";//用于储存扫描到的WiFi

#define ROOT_HTML  "<!DOCTYPE html><html><head><title>WIFI Config by lwang</title><meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"></head><style type=\"text/css\">.input{display: block; margin-top: 10px;}.input span{width: 100px; float: left; float: left; height: 36px; line-height: 36px;}.input input{height: 30px;width: 200px;}.btn{width: 120px; height: 35px; background-color: #000000; border:0px; color:#ffffff; margin-top:15px; margin-left:100px;}</style><body><form method=\"GET\" action=\"connect\"><label class=\"input\"><span>WiFi SSID</span><input type=\"text\" name=\"ssid\"></label><label class=\"input\"><span>WiFi PASS</span><input type=\"text\"  name=\"pass\"></label><input class=\"btn\" type=\"submit\" name=\"submit\" value=\"Submie\"> <p><span> Nearby wifi:</P></form>"
WebServer server(80);

#define RESET_PIN   13  //用于删除WiFi信息

void setup() {
   
   

  Serial.begin(115200);
  pinMode(RESET_PIN, INPUT_PULLUP);

  // 连接WiFi
  if (!AutoConfig())
  {
   
   
    wifi_Config();
  }

  //用于删除已存WiFi
  if (digitalRead(RESET_PIN) == LOW) {
   
   
    delay(1000);
    esp_wifi_restore();
    delay(10);
    ESP.restart();  //复位esp32
  }
}

void loop() {
   
   
  server.handleClient(