news 2026/2/19 8:23:17

ESP32 + MicroPython 简易 Web 服务器教程

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
ESP32 + MicroPython 简易 Web 服务器教程

一、前言

在物联网开发中,让设备直接通过浏览器访问是一个非常常见的需求。ESP32 自带 WiFi,非常适合用来实现一个简单的 Web 服务器。本文将基于MicroPython,手把手教你在 ESP32 上搭建一个最基础的 HTTP Web Server,并通过浏览器访问。

适合人群:

  • ESP32 / MicroPython 初学者
  • 想快速实现网页访问 ESP32 的开发者

二、开发环境准备

1. 硬件准备

  • ESP32 开发板(任意型号)
  • USB 数据线

2. 软件准备

  • 已刷好MicroPython 固件的 ESP32
  • Thonny / uPyCraft / VS Code + MicroPython 插件
  • 可用的 WiFi 网络

⚠️ 注意:ESP32 需要刷入 MicroPython 固件,否则无法运行本文代码。


三、实现原理说明

整体流程如下:

  1. ESP32 连接 WiFi
  2. 获取 ESP32 的 IP 地址
  3. 创建 Socket 监听 80 端口
  4. 接收浏览器 HTTP 请求
  5. 返回 HTML 页面

浏览器访问 ESP32 的 IP,即可看到网页内容。


四、完整示例代码

importnetworkimportusocketassocketimporturequests# 设置 WiFi 凭据SSID="wifi名称"PASSWORD="wifi密码"# 创建 WLAN 对象wlan=network.WLAN(network.STA_IF)# 激活 WLAN 接口wlan.active(True)# 连接到 WiFi 网络wlan.connect(SSID,PASSWORD)# 等待连接完成whilenotwlan.isconnected():pass# 打印连接信息print("Connected to WiFi")print("Network config:",wlan.ifconfig())# 定义简单的 HTTP 响应HTML=""" HTTP/1.0 200 OK Content-Type: text/html <!DOCTYPE html> <html> <head><title>MicroPython Web Server</title></head> <body> <h1>Hello from MicroPython!</h1> <p>This is a simple web server running on ESP32 with MicroPython.</p> </body> </html> """# 创建套接字s=socket.socket(socket.AF_INET,socket.SOCK_STREAM)# 绑定 IP 地址和端口s.bind(('0.0.0.0',80))# 监听连接s.listen(5)# 循环接受和处理请求whileTrue:conn,addr=s.accept()print('Got a connection from %s'%str(addr))request=conn.recv(1024)print('Content = %s'%str(request))# 发送 HTTP 响应conn.sendall(HTML)conn.close()

五、代码详解

1️⃣ 连接 WiFi

wlan=network.WLAN(network.STA_IF)wlan.active(True)wlan.connect(SSID,PASSWORD)
  • STA_IF:表示工作在Station 模式(连接路由器)
  • isconnected():判断是否成功联网

2️⃣ 获取 ESP32 IP 地址

print(wlan.ifconfig())

输出格式:

(ip, subnet, gateway, dns)

记住这个 IP,后面浏览器要用。


3️⃣ 创建 Socket 服务器

s=socket.socket(socket.AF_INET,socket.SOCK_STREAM)s.bind(('0.0.0.0',80))s.listen(5)

说明:

  • 0.0.0.0:监听所有网卡
  • 80:HTTP 默认端口
  • listen(5):最多同时处理 5 个连接

4️⃣ 处理 HTTP 请求

conn,addr=s.accept()request=conn.recv(1024)conn.sendall(HTML)conn.close()
  • accept():等待浏览器连接
  • recv():接收 HTTP 请求
  • sendall():返回 HTML 页面

六、浏览器访问测试

  1. 打开串口,查看 ESP32 的 IP 地址
  2. 在同一局域网下,浏览器输入:
http://ESP32_IP

示例:

http://192.168.31.250


如果看到网页内容,说明服务器运行成功 🎉

📌原创不易,欢迎点赞 + 收藏 + 关注!

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/2/11 20:33:33

Compose 封装 - 点击防抖

一、概念简单场景&#xff08;如登录按钮&#xff09;使用标记&#xff0c;实现成本低。定义一个布尔状态 isLoading&#xff0c;业务代码开始时若为 true 则直接return&#xff0c;在成功后或finally中设为 false。搜索框延迟执行。需立即反馈一段时间内只执行一次。二、基于时…

作者头像 李华
网站建设 2026/2/17 20:47:38

很多人不会论文降AI率,这篇把论文降AI率讲清楚了

论文AI 率到底该怎么降&#xff1f;了解这些原理后&#xff0c;降ai 率真的超简单&#xff0c;本人亲测&#xff0c;三分钟就可以降到个位数&#xff0c;知网秒过&#xff01;一、为什么手动降重总翻车&#xff1f;学术党必知的3大痛点“明明查重率达标了&#xff0c;导师却说论…

作者头像 李华
网站建设 2026/2/13 17:10:35

基于YOLOv5/8/10的火车检测与计数系统

文章目录 毕设帮扶:从0到1搭建基于YOLOv5/8/10的火车检测与计数系统——助你搞定深度学习毕设 一、课题价值:火车检测与计数毕设为啥值得做? 二、核心技术:YOLOv5/8/10在火车检测中的“硬实力” (一)YOLOv5:高效实用的“检测先锋” (二)YOLOv8:复杂场景的“检测能手”…

作者头像 李华
网站建设 2026/2/6 4:55:11

毕设助力!从0到1构建基于YOLOv11的病人跌倒检测系统

文章目录 毕设助力!从0到1构建基于YOLOv11的病人跌倒检测系统,让你的毕设守护医疗安全 一、项目背景:病人跌倒检测为啥非做不可? 二、核心技术:YOLOv11为啥适合跌倒检测? 三、项目目标:我们要做啥? 四、数据准备:让模型“看懂”跌倒动作 1. 数据集来源 2. 数据标注 3.…

作者头像 李华