arduino 8266用网页控制LED
时间: 2023-10-24 13:04:51 浏览: 189
1. 首先,需要连接Arduino 8266板和LED灯。将LED的正极连接到Arduino的数字引脚D4上,负极连接到Arduino的GND引脚上。
2. 在Arduino IDE中,选择“文件”-“示例”-“ESP8266WiFi”-“WiFiAccessPoint”示例。将WiFi名称和密码设置为您的无线网络名称和密码。
3. 将以下代码复制到Arduino IDE中:
```
#include <ESP8266WiFi.h>
const char* ssid = "your_SSID_here";
const char* password = "your_PASSWORD_here";
WiFiServer server(80);
void setup() {
pinMode(2, OUTPUT); //设置D4口为输出
digitalWrite(2, LOW); //初始状态为关闭
Serial.begin(115200);
delay(10);
//连接WiFi
Serial.println();
Serial.println();
Serial.print("Connecting to ");
Serial.println(ssid);
WiFi.begin(ssid, password);
while (WiFi.status() != WL_CONNECTED) {
delay(500);
Serial.print(".");
}
Serial.println("");
Serial.println("WiFi connected");
//启动服务器
server.begin();
Serial.println("Server started");
}
void loop() {
//等待客户端连接
WiFiClient client = server.available();
if (!client) {
return;
}
//等待客户端请求
Serial.println("new client");
while(!client.available()){
delay(1);
}
//读取请求
String request = client.readStringUntil('\r');
Serial.println(request);
client.flush();
//处理请求
if (request.indexOf("/LED=ON") != -1) { //打开LED
digitalWrite(2, HIGH);
}
else if (request.indexOf("/LED=OFF") != -1) { //关闭LED
digitalWrite(2, LOW);
}
//返回响应
client.println("HTTP/1.1 200 OK");
client.println("Content-Type: text/html");
client.println("");
client.println("<!DOCTYPE HTML>");
client.println("<html>");
client.println("<head><title>ESP8266 LED Control</title></head>");
client.println("<body>");
client.println("<h1>ESP8266 LED Control</h1>");
client.println("<br>");
client.println("<a href=\"/LED=ON\"><button>LED ON</button></a>");
client.println("<a href=\"/LED=OFF\"><button>LED OFF</button></a>");
client.println("</body>");
client.println("</html>");
delay(1);
Serial.println("Client disonnected");
Serial.println("");
}
```
4. 上传代码到Arduino 8266板。
5. 打开串口监视器,等待板子连接到WiFi网络。一旦连接成功,您将看到以下消息:
```
WiFi connected
Server started
```
6. 打开Web浏览器,在地址栏中输入Arduino的IP地址(可以在串口监视器中找到)。您应该会看到一个简单的网页,其中包含两个按钮:“LED ON”和“LED OFF”。
7. 点击“LED ON”按钮,LED灯应该会亮起来。点击“LED OFF”按钮,LED灯应该会熄灭。
现在,您已经成功地使用一个简单的网页控制了LED灯!
阅读全文