ESP32WebSocket

最新推荐文章于 2025-11-11 13:42:37 发布

原创

最新推荐文章于 2025-11-11 13:42:37 发布 · 3.5k 阅读

24 ·

CC 4.0 BY-SA版权

文章标签：

#嵌入式

这个实验的功能演示 ESP32WebSocket 的使用方法。这个实验的代码为工程“4_8_wifi_WebSocket”目录。

4.8.1. 实验内容

(1) 学习 Websocket 原理和工作过程

4.8.2. WebSocket 简介

WebSocket 是一种网络通信协议，是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。
WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，

并进行双向数据传输。
WebSocket 协议的优点：
(1) 连接在 80(ws)或者 443(wss)上创建，与 Http 使用的端口相同，几乎所有防火墙不会阻塞 WebSocket
的连接。
(2) 使用 Http 进行握手，该协议很自然地集成到网络浏览器和 http 服务器中。
(3) 心跳消息(ping pong)反复地被发送，保持 WebSocket 连接几乎一致处于活跃状态(一个节点周期性的发送一个小数据包到另一个节点(ping),另一个节点使用相同的数据包作为相应(pang),将使者两个节点都处于连接状态。)
(4) 该协议构建消息不需要额外的代码，消息启动和内容到达时，服务器好客户端都会知晓。
(5) WebSocket 连接关闭时发送一个特殊的关闭消息，其中包含原因代码和用于解释连接被关闭原因的文本。
(6) WebSocket 协议可以安全地支持跨域连接。避免 Ajax 和 XMLHttpRequest 上的限制。
(7) Http 规范要求浏览器将并发连接数限制为每个主机名两个连接，但是握手之后该限制就不存在了，因为此时的连接已经不再是 HTTP 连接了。

HTTP 和 websocket 数据流程图对比如下：
在这里插入图片描述

4.8.3. ESP32 函数介绍

 连接函数：netconn_new();
 绑定函数：netconn_bind();
 监听函数：netconn_listen();
 获取连接函数：netconn_accept();
 接收数据函数：netconn_recv();
 发送数据函数：netconn_write();
 关闭连接函数：netconn_close();
 删除连接函数：netconn_delete();

4.8.4. 代码讲解

使用 vs code 展开本实验的工程目录，如下图：
在这里插入图片描述

我们的这个实验，主要代码有 main 目录下，文件夹 components 下是之前讲过的 LCD 和 LED 驱动文件。下面按照程序启动的流程讲解。
(1) 开机读取 smartconfig 配置
和 4.7.4 第一步一样。在 app_smartConfig.c 里，有函数 read_Smartconfig()用于开机读取 smartconfig 配置的 wifi 信息，如果读取不到，就需要进行 smartconfig 配置。

//读 smartconfig 配置 void read_Smartconfig()
{
uint32_t len=0;
//初始化 NVS
esp_err_t  err  = nvs_flash_init();
if  (err  ==  ESP_ERR_NVS_NO_FREE_PAGES  ||  err  ==  ESP_ERR_NVS_NEW_VERSION_FOUND) {
//发现新版本
//擦除 ESP_ERROR_CHECK(nvs_flash_erase()); err  = nvs_flash_init();