秋意寒

ESP8266-Arduino网络编程实例-异步TCP客户端异步TCP客户端本次实例将使用ESPAsyncTCP库实现一个简单的客户端。 客户端实现的主要步骤如下： 连接WiFi 连接服务器 注册TCP客户端事件回调函数 1、硬件准备 ESP8266 NodeMCU开发板一块 数据线一条 2、软件准备 Arduino IDE或VSCode + PlatformIO 在前面的文章中，对如何搭建ESP8266开发环境做了详细的介绍，请参考： ESP8266-Arduino编程实例-开发环境搭建（基于Arduino IDE） ESP8266-Arduino编程实例-开发环境搭建（基于PlatformIO） ESP8266 NodeMCU的引脚介绍在前面的文章中做了详细的介绍，请参考： ESP8266-Arduino编程实例-认识ESP8266 3、代码实现本次使用到的ESPAsyncTCp库下载地址如下： https://github.com/me-no-dev/ESPAsyncTCP/archive/master.zip 第一步，导入依赖头文件 12345678#i ...

ESP8266-Arduino网络编程实例-异步Web服务器异步Web服务器在本文中，将使用ESPAsyncWebServer库构建一个简单的异步Web服务器。Web服务器提供3路LED控制逻辑。 1、硬件准备 ESP8266 NodeMCU开发板一块 3个LED 3个470欧姆电阻 连接线若干 面包板一个 数据线一条 硬件接线图如下： 2、软件准备 Arduino IDE或VSCode + PlatformIO 在前面的文章中，对如何搭建ESP8266开发环境做了详细的介绍，请参考： ESP8266-Arduino编程实例-开发环境搭建（基于Arduino IDE） ESP8266-Arduino编程实例-开发环境搭建（基于PlatformIO） ESP8266 NodeMCU的引脚介绍在前面的文章中做了详细的介绍，请参考： ESP8266-Arduino编程实例-认识ESP8266 3、代码实现本次使用到的开源库下载地址如下： ESPAsyncTCP ESPAsyncWebServer 第一步，导入依赖头文件 1234#include <ESP8266 ...

ESP8266-Arduino网络编程实例-Web服务器（从SPIFFS加载页面文件）Web服务器（从SPIFFS加载页面文件）本实例将展示如何使用 Arduino IDE 构建一个 Web 服务器，为存储在 ESP8266 NodeMCU 文件系统 (SPIFFS) 上的 HTML 和 CSS 文件提供服务。 我们无需将 HTML 和 CSS 文本写入 Arduino 代码中，而是创建单独的 HTML 和 CSS 文件。 本次Web服务器实现了如下功能： 通过两个按键控制LED的点亮与熄灭 采集BME280环境传感器数据并显示 在前面的文章中，对SPIFFS的使用做了详细的介绍，请参考： ESP8266-Arduino编程实例-SPIFFS及数据上传(Arduino IDE和PlatformIO IDE) 在前面的文章中，使用ESPAsyncWebServer库实现了一个简单的Web服务器，请参考： 异步Web服务器 在前面的文章中，对BME280的驱动做了详细的介绍，请参考： Ardunio开发实例-BME280传感器 ESP8266-Arduino编程实例-BM ...

ESP8266-Arduino网络编程实例-Web服务器（从LittleFS加载页面文件）Web服务器（从LittleFS加载页面文件）本次实例将演示如何使用LittleFS储存和读取复杂的Web页面文件。 1、硬件准备 ESP8266 NodeMCU开发板一块 数据线一条 2、软件准备 Arduino IDE或VSCode + PlatformIO 在前面的文章中，对如何搭建ESP8266开发环境做了详细的介绍，请参考： ESP8266-Arduino编程实例-开发环境搭建（基于Arduino IDE） ESP8266-Arduino编程实例-开发环境搭建（基于PlatformIO） ESP8266 NodeMCU的引脚介绍在前面的文章中做了详细的介绍，请参考： ESP8266-Arduino编程实例-认识ESP8266 3、代码实现1）Web页面代码（index.html） 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253 ...

ESP8266-Arduino网络编程实例-WebSocket服务器WebSocket服务器本文将演示如何创建一个页面通过Webosocket通信协议来远程控制ESP8266输出，并将输出状态显示在页面上，并在所有客户端中自动更新。Web服务器将使用ESPAsyncWebserver来实现。 在前面的文章中，对ESPAsyncWebserver作了详细的介绍，请参考： ESP8266-Arduino网络编程实例-Web服务器（从SPIFFS加载页面文件） 1、WebSocket简单介绍WebSocket 是客户端和服务器之间的持久连接，允许双方使用 TCP 连接进行双向通信。 这意味着可以在任何给定时间将数据从客户端发送到服务器以及从服务器发送到客户端。 客户端通过称为 WebSocket 握手的过程与服务器建立 WebSocket 连接。 握手以 HTTP 请求/响应开始，允许服务器处理同一端口上的 HTTP 连接和 WebSocket 连接。 一旦建立连接，客户端和服务器就可以以全双工模式发送 WebSocket 数据。 使用 WebSockets 协议，服务器 ...

ESP8266-Arduino网络编程实例-HightCharts实时图表显示BME280数据HightCharts实时图表显示BME280数据Highcharts 是一个纯基于 JavaScript 的图表库，旨在通过添加交互式图表功能来增强 Web 应用程序。 Highcharts 提供了各种各样的图表。 例如折线图、样条图、面积图、条形图、饼图等。 本文将演示如何在ESP8266 Web服务器中使用Hightcharts来实时显示BME280环境传感器的气压、温度、湿度数据。 在本实例中，页面数据通过SPIFFS来储存取，关于SPIFFS，请参考前面文章： ESP8266-Arduino编程实例-SPIFFS及数据上传(Arduino IDE和PlatformIO IDE) ESP8266-Arduino网络编程实例-Web服务器（从SPIFFS加载页面文件） 本实例的使用异步Web服务器，请参考前面文章： ESP8266-Arduino网络编程实例-异步Web服务器 本实例使用到的BME280传感器，其驱动在前面的文章是做详细的介绍，请参考： ESP8266-Ar ...

ESP8266-Arduino网络编程实例-远程串口（模拟 Web Serial）远程串口（模拟 Web Serial）本文将演示如何实现一个简单的Web Serial远程串口。Web Serial在没有硬件串口的情况时，使设备调试变得非常方便。ESP8266 托管一个 Web 服务器，该服务器提供一个页面以可视化消息，就像使用常规串行监视器一样。 Web Serial 网页还允许将数据从网页发送到ESP8266设备。 Web Serial有如下特性： 适用于 WebSocket； 实时记录； 可以在浏览器上打开任意数量的串口监视器； 1、硬件准备 ESP8266 NodeMCU开发板一块 数据线一条 2、软件准备 Arduino IDE或VSCode + PlatformIO 在前面的文章中，对如何搭建ESP8266开发环境做了详细的介绍，请参考： ESP8266-Arduino编程实例-开发环境搭建（基于Arduino IDE） ESP8266-Arduino编程实例-开发环境搭建（基于PlatformIO） ESP8266 NodeMCU的引脚介绍在前面的文章中做 ...

ESP8266-Arduino网络编程实例-BME280传感器数据仪表显示BME280传感器数据仪表显示本文将演示如何通过Canvas Gauges库以仪表形式显示BME280传感器数据。 在实例中，Web页面通过Http向ESP8266的Web服务器请求BME280传感器的温度的湿度数据，然后将请求的数据显示在仪表盘中。 1、硬件准备 ESP8266 NodeMCU开发板一块 数据线一条 硬件接线如下： 2、软件准备 Arduino IDE或VSCode + PlatformIO 在前面的文章中，对如何搭建ESP8266开发环境做了详细的介绍，请参考： ESP8266-Arduino编程实例-开发环境搭建（基于Arduino IDE） ESP8266-Arduino编程实例-开发环境搭建（基于PlatformIO） ESP8266 NodeMCU的引脚介绍在前面的文章中做了详细的介绍，请参考： ESP8266-Arduino编程实例-认识ESP8266 3、代码实现 Adafruit_BME280 Adafruit_Sensor library Arduino_J ...

ESP8266-Arduino网络编程实例-Web页面调节LED（基于PWM）Web页面调节LED（基于PWM）本实例将演示如何通过Web页面的Slider来调节LED亮度。LED的亮度通过PWM控制。 在前面的文章中，对PWM使用做了详细的介绍，请参考： ESP8266-Arduino编程实例-PWM 在前面的文章中，介绍如何实现一个异步Web服务器： ESP8266-Arduino网络编程实例-SSL-Web服务器 在前面的文章中，介绍如何将Web页面文件储存到SPIFFS和LittleFS中： ESP8266-Arduino网络编程实例-Web服务器（从SPIFFS加载页面文件） 我们将在实例中创建三个Slider来控制三个LED的亮度，控制逻辑如下： Web页面数据通信通过WebSocket协议实现。关于WebSocket协议使用，请参考前面文章： ESP8266-Arduino网络编程实例-WebSocket服务器 1、硬件准备 ESP8266 NodeMCU开发板一块 数据线一条 硬件接线如下： 2、软件准备 Arduino IDE或VSCode ...

ESP8266-Arduino网络编程实例-Web页面控制步进电机Web页面控制步进电机本文将演示如何通过Web页面控制步进电机步数及方向。 客户端与服务器通过WebSocket协议通信。示例实现了如下功能： Web页面显示一个表格，可以在其中输入希望电机移动的步数并选择方向：顺时针或逆时针。 显示电机状态：电机旋转或电机停止。 此外，只要电机旋转，就会有一个齿轮图标旋转。 齿轮根据所选方向顺时针或逆时针方向旋转。 1、硬件准备 ESP8266 NodeMCU开发板一块 数据线一条 UL2003N步进电机驱动模块 28BYJ-48 Stepper Motor步进电机 杜邦线若干 5V电源 硬件接线如下： Motor Driver ESP8266 IN1 GPIO 5 IN2 GPIO 4 IN3 GPIO 14 IN4 GPIO 12 2、软件准备 Arduino IDE或VSCode + PlatformIO 在前面的文章中，对如何搭建ESP8266开发环境做了详细的介绍，请参考： ESP8266-Arduino编程实例-开发环境搭建（基 ...