记录一下，如果太懒不想自己写，还想要ota升级，那就直接使用ElegantOTA吧

获取ElegantOTA

github：https://github.com/ayushsharma82/ElegantOTA
文档地址：https://docs.elegantota.pro/

特性

🔥 快速简单的 OTA 程序
🏀 获得有关 OTA 更新进度和状态的有用见解
🎷 无需学习 HTML/CSS/JS
🛫 3 行代码即可使用

支持的MCU

ESP8266
ESP32
RP2040（微微W）

使用教程

arduino ide中搜索ElegantOTA安装

引入到项目中

// 引入所需库
#include <ElegantOTA.h>
#include <ESP8266WebServer.h>
// 需要使用webserver
ESP8266WebServer server(80);

初始化ElegantOTA

void setup(){
    // OTA
    ElegantOTA.begin(&server); // 将本行代码加在项目中的server.begin();之前
    // 为OTA页面添加用户名&密码验证
    ElegantOTA.begin(&server, "username", "password");
    server.begin();
}

loop中监听

void loop()
{
    server.handleClient();
    ElegantOTA.loop();
}

完整代码

#include <ESP8266WiFi.h>
#include <ElegantOTA.h>
#include <ESP8266WebServer.h>

ESP8266WebServer server(80);

void setup()
{
    // STA模式
   WiFi.mode(WIFI_STA);
    // 连接路由器
   WiFi.begin(stassid, stapsw); 
    while (WiFi.status() != WL_CONNECTED)
    { 
        // 检查是否连接成功
      Serial.print(".");
      delay(500);
    }
    // OTA
    ElegantOTA.begin(&server); // 将本行代码加在项目中的server.begin();之前
    // 为OTA页面添加用户名&密码验证
    ElegantOTA.begin(&server, "username", "password"); 
    server.begin();
}

void loop()
{
    server.handleClient();
    ElegantOTA.loop();
}

升级地址

http://ip/update

web界面

详细查阅官方doc：https://docs.elegantota.pro