在嵌入式设备(ESP32)上构建一套 “局域网内可视化、跨设备兼容” 的硬件控制方案,

  • ESP32 同时启动 AP 模式 + UDP 服务 + Web 服务器

  • Web 服务器提供 HTML 控制页面

  • 网页通过 JavaScript 发送 UDP 指令到 ESP32 的 UDP 端口

  • ESP32 的 UDP 服务接收指令并控制 LED import socket

    import network

    import machine

    import time

    from machine import Pin

    全局变量

    led = Pin(2, Pin.OUT) # 初始化GPIO2为输出模式

    led.value(0) # 默认熄灭LED

    def start_ap():

    """启动ESP32的AP模式"""

    ap = network.WLAN(network.AP_IF)

    ap.active(False)

    time.sleep(0.5)

    ap.active(True)

    AP配置

    ssid = 'ESP32_APTest'

    password = '12345678'

    ap.config(

    essid=ssid,

    password=password,

    authmode=3, # WPA2-PSK

    max_clients=10

    )

    等待AP启动完成

    while not ap.active():

    time.sleep(0.1)

    print('='*20)

    print('AP模式已启动')

    print('SSID:', ssid)

    print('密码:', password)

    ip = ap.ifconfig()[0]

    print('IP地址:', ip) # 通常是192.168.4.1

    print('='*20)

    return ip

    def udp_server():

    """启动UDP服务,监听指令控制LED(修复超时日志)"""

    udp_socket = socket.socket(socket.AF_INET, socket.SOCK_DGRAM)

    udp_socket.bind(("0.0.0.0", 7788))

    udp_socket.settimeout(1) # 超时1秒,避免阻塞

    while True:

    try:

    接收UDP数据

    recv_data, sender_info = udp_socket.recvfrom(1024)

    cmd = recv_data.decode("utf-8").strip()

    执行指令

    if cmd == "light on":

    led.value(1)

    print(f"来自{sender_info}的指令:点亮LED")

    udp_socket.sendto(b"success: LED ON", sender_info)

    elif cmd == "light off":

    led.value(0)

    print(f"来自{sender_info}的指令:熄灭LED")

    udp_socket.sendto(b"success: LED OFF", sender_info)

    else:

    udp_socket.sendto(b"error: unknown command", sender_info)

    关键修复:兼容110和116两种超时错误码,不打印正常超时

    except OSError as e:

    err_code = e.args[0]

    110/116都是超时错误,忽略不打印

    if err_code in (110, 116):

    continue

    其他OSError才打印错误

    else:

    print(f"UDP服务异常: {e}")

    continue

    其他非超时异常才打印

    except Exception as e:

    print(f"UDP服务其他错误: {e}")

    continue

    def get_html_page():

    """单独定义HTML页面,避免格式化冲突"""

    html = """

    <!DOCTYPE html>

    <html lang="zh-CN">

    <head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>ESP32 LED控制</title>

    <style>

    body {

    font-family: Arial, sans-serif;

    max-width: 400px;

    margin: 50px auto;

    text-align: center;

    }

    .control-btn {

    width: 150px;

    height: 60px;

    font-size: 20px;

    margin: 10px;

    border: none;

    border-radius: 8px;

    cursor: pointer;

    color: white;

    }

    #onBtn {

    background-color: #4CAF50;

    }

    #offBtn {

    background-color: #f44336;

    }

    #status {

    margin-top: 20px;

    font-size: 18px;

    color: #333;

    }

    </style>

    </head>

    <body>

    <h1>ESP32 LED控制器</h1>

    <button id="onBtn" class="control-btn">点亮LED</button>

    <button id="offBtn" class="control-btn">熄灭LED</button>

    <div id="status">等待操作...</div>

    <script>

    // 使用HTTP请求控制LED,兼容所有浏览器

    async function sendCommand(cmd) {

    try {

    const response = await fetch(`/light/${cmd}`);

    const result = await response.text();

    document.getElementById('status').textContent = `操作结果: ${result}`;

    } catch (err) {

    document.getElementById('status').textContent = `操作失败: ${err}`;

    }

    }

    // 绑定按钮事件

    document.getElementById('onBtn').addEventListener('click', () => {

    sendCommand("on");

    });

    document.getElementById('offBtn').addEventListener('click', () => {

    sendCommand("off");

    });

    </script>

    </body>

    </html>

相关推荐
I love studying!!!2 小时前
python项目: 下载数据
开发语言·python
不只会拍照的程序猿2 小时前
《嵌入式AI筑基笔记03:Python流程控制,从C的严谨到Python的简洁》
c语言·开发语言·笔记·python
漫随流水2 小时前
旅游推荐系统(getEchartsData.py)
python·django·旅游
宸津-代码粉碎机2 小时前
SpringBoot 任务执行链路追踪实战:TraceID 透传全解析,实现从调度到执行的全链路可观测
开发语言·人工智能·spring boot·后端·python
veminhe2 小时前
Python编写isprime() 函数,参数为整数,要有异常处理。函数功能是如果整数是质数,返回True ,否则返回False。
python
Bert.Cai2 小时前
Python flush函数作用
开发语言·python
计算机徐师兄2 小时前
Python基于Django的高校档案安全管理系统(附源码,文档说明)
python·django·高校档案安全管理系统·python高校档案安全管理·python高校档案管理系统·高校档案·高校档案管理系统
云青黛2 小时前
ReAct(推理与行动)框架
python·算法
二闹2 小时前
Python中@classmethod和@staticmethod的真正区别懂了吗?
后端·python