wangyx1234的博客

1）在 ESP32 Web Server 系统中部署 mDNS 服务，并演示了通过建立的域名访问 Web 服务器的方法。

1）本节首先介绍了 DNS 域名服务系统，然后引出了 mDNS（multicast DNS，组播 DNS）系统的基本原理。2）在 ESP32 Web Server 系统中部署 mDNS 服务，并演示了通过建立的域名访问 Web 服务器的方法。

1）本节介绍了通过 javascript 在 ESP32 Web server 中部署一个带动态显示功能的炫酷的纪念册。告白网页必备技能。

1）本节介绍如何将图像转换为 Base64 以将其包含在 ESP32 Web Server 服务器的前端文件中。

1）本节主要是介绍在 ESP32 Web Server 上插入图片。并设置图片的超链接。

1）本节主要是介绍通过 ESP32 Web Server 实现在网页端下载设备上的数据为一个文件。

1）本节主要是介绍 通过 ESP32 Web Server 实现在网页端预览图片。我们将在下一节讲述如何通过这种无前端的简单 Web Server，实现文本的下载。

1）本节主要是介绍基于 ESP-IDF 的原始 API，实现综合项目1- 通过Web Server 实现 WiFi 配网和网页 OTA 更新。2）示例设计了多网页子菜单，实现管理 WiFi 配网、OTA 固件更新、设备重启的功能。更多综合项目敬请期待。

1）本节主要是介绍在 ESP32 Web 上部署登录、登出功能的网页，通过登录机制，可以控制访问 ESP32 Web 的权限。

1）本节主要是介绍在 ESP32 Web 上部署带滑动条 silder 输入的网页，通过网页向 ESP32 发送数字。通过这种机制，我们可以实现对 实时性较高的数据下发功能。

1）本节主要是介绍在 ESP32 Web 上部署带输入文本框的网页，通过网页向 ESP32 发送字符串和数字。通过这种机制，我们可以实现对 ESP32 简单的数据通信。

1）本节主要是基于上节讲述的通过 Server-Sent Events（以下简称 SSE） 实现在网页实时更新 ESP32 Web 服务器的传感器数据。进一步优化网页端的设计，通过 Highcharts 创建图表（Chart）实时显示设备信息。

1）本节主要是基于上节讲述的通过 Server-Sent Events（以下简称 SSE） 实现在网页实时更新 ESP32 Web 服务器的传感器数据。进一步优化网页端的设计，通过表格显示传感器的数据。

1）本节主要是 AJAX 技术的基础。通过 AJAX 技术可以实现自动在 Web 网页上更新内容，实现“动态网页”。2）通过 AJAX 技术，可以在 ESP32 上实现一个“动态网络服务器”，用来实时地显示连接的传感器数据（例如温度、湿度、压力、关键事件、GPIO、ADC、DAC等）。

1）本节介绍了典型的物联网项目-在 ESP32 中通过 Web Server 的网页控制设备的 GPIO。2）前端代码与后端代码一致的关键是-前后端代码使用的关键字要一致。

1）本节主要是演示一些典型的 JS 编程的用法。在 ESP32 Web Server 编程中，JS 部分负责很多动态、解释性的内容，是需要重点了解的内容，我们将在后面逐渐学习更多有趣的应用。

1）本节主要是演示在前端设计中，通过 HTML 内联事件处理器或者 JavaScript 函数实现对应事件的处理。2）在前端开发中，应尽可能使用 JavaScript 函数，而不是 内联事件处理器，后者在大型项目中维护不方便，容易因为维护问题。

1）本节主要是演示最常见的控件-button，以及可以绑定一个事件来描述按钮按下时发生的行为。

1）本节主要是介绍 JavaScript 编程的基础知识，介绍了 JS 编程中的变量、函数、常见语句、事件的基础概念；2）在 HTML 中添加 JS 定义可以直接在script标签中嵌入JavaScript代码，也可以引入外部的JavaScript文件。3）示例在 ESP32 Web 中添加了 JS 代码，用于实时显示当前时间。

1）本节主要演示如何使用外部 CSS 文件，在前端代码 html 中通过 link 标签引用指定的 CSS 文件，然后在后端代码中通过增加发送 CSS 文件的 handler 就可以正确应用外部的 CSS 文件。

1）介绍 HTTP 协议 中的 Server-Sent Events（SSE）机制的基本原理与使用方法。SSE用于从服务器持续接收一个数据流的使用场景，比 websocket 更加简单并支持自动重连接。2）要使用 SSE 机制，前端代码要创建 EventSource 对象，并基于EventSource 对象的四种事件：open、message、error、自定义事件实现与后端数据的通信。后端代码接收 open 时的连接后，将向指定的事件推送数据。3）示例在 ESP32 Web 上实时显示传感器数据。

1）本节主要是介绍在 ESP32 上实现 WebSocket 服务器。相比 HTTP 协议，WebSocket 通信协议除了可以双向通信、并且向多个客户端同时发送通知信息外，还可以提供持久连接，并且由于没有为每个请求重新建立连接的开销，因此延迟较低。

1）本节主要是介绍通过 spiffs 文件系统保存 ESP32 Web 的前端文件，然后在后端代码中引入 SPIFFS 文件系统。2）通过在后端代码中新增 “/*” 通配符，实现所有未匹配到的 URL，都自动地去这个通配符对应的 handler 里去查找对应的文件，获取对应的数据。

1）本节主要是演示最常见的控件-button，以及可以绑定一个事件来描述按钮按下时发生的行为。2）通过本节的 ESP32 Web Server Mutil GPIOs 的示例，你可以模仿写出一个网友控制多个外部传感器、LED灯的物联网工程。

1）本节主要是介绍引入外部 JavaScript 文件的方法。与前述在 HTML 中引入外部 CSS 文件类似，引入外部 JS 文件也需要同时更改前端、后端代码。2）示例在 ESP32 Web 中添加了 JS 代码，用于实时显示当前时间。

1）本节主要是介绍 CSS 文件的作用，CSS 编程的基本语法；2）CSS 的编程语法三要素是对象，对象的一系列属性，对象的一系列属性的值；3）使用 CSS 的三种方法包括，内联样式、内部样式和外部引用；4）本节还着重讲述了如何实现对个别元素样式的定制化定义，即通过使用选择器，包括 ID 选择、类别选择来重新定义与众不同的样式。5）示例给出了几个示例，并演示了外部引入 CSS 文件的方法。

1）本节主要是介绍 HTML 的基础知识。HTML 描述了一个网页中的基本内容；2）HTML 文档包含了HTML **标签(包含标签和元素，其实他们是一样的)**及**文本内容**。其中 **HTML 标签**是由**尖括号**包围的关键词，HTML 标签通常是成对出现的。3）在 ESP32 Web 编程中，通过在后端代码中建立一个发送 HTML 内容的 handler 函数，以及在前端代码中实现 HTML 文件来定义网页上的内容。

使用ESP-IDF在ESP32上构建 HTTP Web 服务器或 WebSocket Web 服务器。带你玩转物联网小项目开发系列之～玩转 Web server 开发。

1）本节主要是介绍 HTTP 协议、Web 编程的基础知识，包括HTTP 的基础的方法；什么是 URL、URI；HTTP 的返回码；2）本节还介绍了 ESP32 上 HTTP 编程的要点，包括如何建立前端、后端代码，它们如何相互作用以实现一个 Web 应用。