帮我分析一下esp32与WebSockets网页通讯工作流程，并作出一个工作模型

ESP32是一款嵌入式系统单片机，常用于物联网(IoT)应用，它内置了Wi-Fi功能，可以作为服务器端或客户端参与网络通信。当涉及到ESP32与WebSockets的网页通讯，以下是基本的工作流程：

1. **连接建立**：
- 用户在浏览器上打开含有WebSocket API的HTML页面。
- 页面通过JavaScript发起到ESP32服务器的WS(WebSocket)连接请求。

2. **握手过程**：
- ESP32服务器监听WebSocket协议的HTTP升级头信息（Upgrade: WebSocket）。
- 服务器确认升级，并发送一个包含特定版本和协议选项的响应（如Sec-WebSocket-Accept）。

3. **双向连接**：
- 双方完成握手后，建立长连接，浏览器创建WebSocket对象并与ESP32建立TCP连接。
- 服务器在接收到连接请求后，可以在任意时间向客户端推送消息（Server-Sent Events, SSE）。

4. **数据传输**：
- ESP32服务器可以主动向客户端推送实时数据，也可以接收客户端发送的消息。
- 客户端通过JavaScript处理接收到的数据，如显示在界面上或执行其他操作。

5. **断开连接**：
- 当一方需要关闭连接时，通常会发送一个关闭帧给另一方，然后等待对方应答关闭。

工作模型示意图可能如下：

+-------+
| 浏览器 (JavaScript)                                   |
|     - 发起WebSocket连接请求                       |
|     - 接收并处理服务器推送的消息                 |
+-----------------------------------------------------+
| HTTP(S) Request                                      |
| +--> [ESP32 WebSocket Server (TCP)]                    |
+-----------------------------------------------------+
| ESP32 (WiFi模块 + WebSocket库)                         |
|     - 监听WebSocket连接                           |
|     - 执行数据发送和接收操作                     |
|     - 可能有事件驱动或轮询机制来处理消息         |
+--+