littlebot
Published on 2025-04-17 / 0 Visits
0

【源码】基于ESP32的单页应用托管系统

项目简介

本项目为ESP32微控制器作为mDNS Web服务器托管单页应用(SPA)提供解决方案。用户在同一网络下,可通过“www.esp-home.local”域名,或连接ESP32创建的接入点后使用其本地IP地址,在Web浏览器中访问SPA内容。

项目的主要特性和功能

  • mDNS Web服务器:ESP32作为Web服务器托管SPA,支持用户通过Web浏览器进行交互式访问。
  • 简化访问:借助mDNS,用户使用“www.esp-home.local”域名即可访问,无需知晓设备具体IP地址。
  • 接入点模式:ESP32可作为接入点创建本地WiFi网络,用户连接后通过其本地IP地址访问SPA。

安装使用步骤

配置参数

使用menuconfig命令进入配置菜单,设置项目所需参数,涵盖SoftAP(接入点)配置、STA(站点)配置以及mDNS配置。具体包括设置接入点的SSID、密码、频道、最大连接数,远程网络的SSID、密码、最大重试次数、认证模式阈值,以及mDNS服务的域名。若要ESP32读取分块文件,需避免在网站构建文件夹中使用/static,并修改webpack.config.js中的输出目录。

构建并上传SPIFFS镜像

在构建固件前,创建SPIFFS文件系统的镜像。

构建固件

编译项目生成ESP32的固件。

上传固件

将生成的固件上传至ESP32微控制器。

启动并访问SPA

启动ESP32后,用户可在Web浏览器中输入“www.esp-home.local”域名,或连接ESP32创建的接入点后使用其本地IP地址访问SPA。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】