VIP10
本课程属于：030-ESP32　Web服务器与动态网页控制界面开发 嵌入式基础与RISC-V · 共 10 门相关课程，组合学习更完整。
查看所属VIP全部课程 →
← 返回所属目录 咨询 / 购买

ESP32前端交互与WebSocket实时通信实战

共计 30 章节
点击此处阅读海量试读课程：100+行业、1000+细分领域
01
ESP32开发环境搭建
Arduino IDE安装 · ESP32板卡配置 · 驱动安装
ESP32开发环境搭建
02
WiFi基础与连接
ESP32的WiFi模式 · 连接路由器 · WiFi扫描
WiFi连接
03
HTTP客户端请求
HTTP协议基础 · 使用ESP32发送GET请求 · 解析JSON响应
HTTP客户端请求
04
HTTP服务器搭建
创建ESP32 Web服务器 · 处理路由 · 返回HTML页面
HTTP服务器搭建
05
WebSocket协议入门
WebSocket与HTTP的区别 · 握手过程 · 数据帧格式
WebSocket协议入门
06
ESP32 WebSocket服务端
安装WebSocket库 · 创建WebSocket服务器 · 处理连接事件
ESP32WebSocket
07
ESP32 WebSocket客户端
作为客户端连接外部WebSocket… · 发送接收消息
ESP32WebSocket
08
双向数据通信实战
ESP32与浏览器实时互发数据 · JSON数据封装与解析
双向数据通信实战ESP32
09
前端HTML基础
HTML5结构 · 常用标签 · 表单与按钮
HTML前端
10
前端JavaScript核心
变量与函数 · DOM操作 · 事件监听
JavaScript前端
11
前端WebSocket API
创建WebSocket对象 · onopen/onmessage/o… · send方法
WebSocketAPI
12
实时数据仪表盘
设计仪表盘UI · ESP32采集模拟数据 · 前端实时更新图表
实时数据仪表盘UI
13
GPIO远程控制
前端按钮控制LED · ESP32接收指令控制GPIO · 状态反馈
GPIO远程控制
14
传感器数据采集
DHT11温湿度传感器 · ADC模拟读取 · 数据格式化
传感器数据采集DHT11
15
数据可视化Chart.js
引入Chart.js库 · 折线图/柱状图配置 · 动态数据更新
Chart.js数据可视化
16
多客户端管理
WebSocket广播机制 · 区分不同客户端 · 发送定向消息
多客户端管理WebSocket
17
心跳机制与重连
WebSocket心跳包设计 · 断线自动重连 · 状态显示
心跳机制重连
18
JSON数据协议设计
定义通信协议格式 · 字段规范 · 错误码设计
JSON数据协议设计
19
WebSocket安全
WSS加密通信 · Token认证 · IP白名单
WebSocket安全
20
OTA远程升级
ESP32 OTA原理 · Web端上传固件 · 升级进度显示
OTA远程升级
21
文件系统SPIFFS
上传网页文件到ESP32 · SPIFFS读写 · 静态资源服务
SPIFFS文件系统
22
异步Web服务器
ESPAsyncWebServer库 · 异步处理请求 · 性能优化
Web异步
23
MQTT与WebSocket对比
MQTT协议特点 · 适用场景 · 与WebSocket的选型
MQTTWebSocket
24
WebSocket与RESTful API混合
同时提供API和WebSocket · 架构设计
WebSocketRESTful
25
实时日志系统
ESP32日志输出到前端 · 日志级别过滤 · 自动滚动
实时日志系统ESP32
26
多页面SPA应用
前端路由 · 页面切换 · 状态保持
SPA多页面
27
WebSocket性能测试
消息频率测试 · 延迟测试 · 内存占用分析
WebSocket性能测试
28
实战项目
智能家居控制面板：灯光控制 · 温度显示 · 场景模式
实战项目智能家居控制面板
29
实战项目
远程监控告警系统：阈值设置 · 告警推送 · 历史记录
实战项目远程监控告警系统
30
项目部署与调试
常见问题排查 · 调试技巧 · 生产环境部署建议
项目部署调试