在本教程中，您将学习如何使用 ESP32 创建网络服务器以远程控制步进电机。 Web 服务器显示一个带有 HTML 表单的网页，允许您选择希望电机移动的方向和步数。

在下图中，您可以看到我们将构建的三个 Web 服务器项目。

这是一个教学教程，您将在其中了解有关创建网页以及 ESP32 与客户端之间的交互的更多信息。我们将向您展示如何使用 HTML 逐步创建网页，并通过 HTTP POST 将表单结果发送到 ESP32 以控制步进电机。

稍后，您将添加一些 CSS 来设置网页样式以改善其外观。

最后，我们将向您展示如何使用 Websockets 在服务器和客户端之间进行双向通信。这将使我们能够在 Web 界面上知道电机是在旋转还是停止。本节将添加一些 JavaScript 来处理 WebSocket 通信，并向网页添加一些很酷的动画。

材料

Arduino IDE 和 ESP32 开发板插件

HTML 文本可以保存在 ESP32 文件系统 (SPIFFS) 上的 HTML 文件中，也可以保存在 Arduino sketch 的变量中。

由于此示例的 HTML 文本相对简单，而且我们没有 CSS 或 JavaScript 文件，因此我们将 HTML 文本保存为变量 (index_html)。

这是构建 Web 服务器的代码（插入您的网络凭据，代码将立即生效）。