好的，以下是一个简单的网页
控制esp8266灯
亮度的程序示例：
```c++
#include <
ESP8266WiFi.h>
#include <WiFiClient.h>
#include <
ESP8266WebServer.h>
#include <
ESP8266mDNS.h>
// WiFi信息
const char* ssid = "你的WiFi名称";
const char* password = "你的WiFi密码";
// 创建一个
Web服务器
ESP8266WebServer server(80);
//
LED灯引脚
const int
ledPin = 2;
// 初始
亮度为0
int brightness = 0;
void setup() {
// 初始化串口
Serial.begin(115200);
// 初始化
LED灯
pinMode(
ledPin, OUTPUT);
digitalWrite(
ledPin, LOW);
// 连接WiFi
WiFi.begin(ssid, password);
while (WiFi.status() != WL_CONNECTED) {
delay(1000);
Serial.println("Connecting to WiFi...");
}
Serial.println("Connected to WiFi");
// 开启MDNS
if (MDNS.begin("
esp8266")) {
Serial.println("MDNS responder started");
}
// 设置
Web服务器路由
server.on("/", handleRoot);
server.on("/
slider", handle
Slider);
server.onNotFound(handleNotFound);
// 启动
Web服务器
server.begin();
Serial.println("
Web server started");
}
void loop() {
// 处理
Web服务器请求
server.handleClient();
// 更新
LED灯
亮度
analogWrite(
ledPin, brightness);
}
// 处理根路由请求
void handleRoot() {
server.send(200, "text/html", "<html><head><title>
ESP8266 LED</title></head><body><h1>
ESP8266 LED</h1><p><a href=\"/
slider\">点此调整
亮度</a></p></body></html>");
}
// 处理滑条路由请求
void handle
Slider() {
String
sliderValue =
server.arg("value");
brightness =
sliderValue.toInt();
server.send(200, "text/html", "<html><head><title>
ESP8266 LED</title></head><body><h1>
ESP8266 LED</h1><p><a href=\"/
slider\">点此调整
亮度</a></p><p>
亮度：" +
sliderValue + "</p></body></html>");
}
// 处理未知路由请求
void handleNotFound() {
server.send(404, "text/plain", "404: Not Found");
}
```
在上面的示例中，我们使用了
ESP8266WebServer库来创建一个
Web服务器，然后设置了两个路由：
1. 根路由("/")，用于显示一个简单的HTML页面，包含一个指向滑条路由的链接；
2. 滑条路由("/
slider")，用于处理滑条的值，并将其转换为
亮度，然后将
亮度值显示在HTML页面上。
要运行这个程序，你需要将WiFi名称和密码替换为你自己的，然后将
LED灯连接到
ESP8266的GPIO2引脚上，并将滑条连接到
ESP8266的GPIO5引脚上。
注意：为了使MDNS正常工作，你需要打开你的路由器的mDNS功能（如果支持的话）或者在你的计算机上安装Bonjour服务（如果你使用的是Windows操作系统）。
本文介绍了如何使用ESP8266（NodeMCU）建立一个Web Server，通过局域网内的手机浏览器展示一个滑动条（Slider），改变滑动条的值来调整LED的亮度。当滑动条移动时，它会发送HTTP GET请求到ESP8266，调整PWM占空比以改变LED亮度。要实现这一功能，需要安装ESPAsyncTCP和ESPAsyncWebServer库。
订阅专栏 解锁全文
扫一扫
976
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
