news 2026/4/17 15:42:29

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/4/10 19:13:12

2025年度总结之-如何构建 2025 专属的 GitHub AI 项目情报库

背景 为什么做 为了更好地追踪 2025 年涌现的 AI 开源项目&#xff0c;我经常浏览 Github 热榜 并整理分享。但手动查阅难免会有遗漏&#xff0c;为此&#xff0c;我计划开发一套自动化工具来采集 Github 热榜数据&#xff0c;旨在辅助个人技术积累的同时&#xff0c;也为博客…

作者头像 李华
网站建设 2026/4/17 15:43:46

GitHub 热榜项目 - 日榜(2026-1-2)

GitHub 热榜项目 - 日榜(2026-1-2) 生成于&#xff1a;2026-1-2 统计摘要 共发现热门项目&#xff1a; 12 个 榜单类型&#xff1a;日榜 本期热点趋势总结 本期GitHub热榜显示AI智能体与实用工具成为核心驱动力&#xff0c;亚马逊和多家初创公司推出的Agent项目聚焦生产环…

作者头像 李华
网站建设 2026/3/31 17:25:21

学长亲荐!10个AI论文网站测评,本科生毕业论文必备

学长亲荐&#xff01;10个AI论文网站测评&#xff0c;本科生毕业论文必备 2025年AI论文工具测评&#xff1a;为何值得一看&#xff1f; 随着人工智能技术的不断进步&#xff0c;越来越多的本科生开始借助AI工具提升论文写作效率。然而&#xff0c;面对市场上琳琅满目的平台&…

作者头像 李华
网站建设 2026/4/18 5:30:03

PHP HTTP 指南

PHP HTTP 指南 引言 PHP 是一种广泛使用的开源服务器端脚本语言,常用于开发动态网站和应用程序。HTTP(超文本传输协议)是互联网上应用最为广泛的网络协议之一,它定义了客户端与服务器之间交换数据的格式。本文将深入探讨 PHP 在处理 HTTP 请求和响应方面的应用,包括请求…

作者头像 李华