Arduino Esp8266 Web LED控制

原创

已于 2022-07-17 21:39:16 修改 · 1.8k 阅读

34 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #服务器 #网络

于 2022-06-24 11:35:20 首次发布

该博客介绍了如何使用Arduino ESP8266模块搭建一个简单的Web服务器，通过网页实现LED灯的开关控制，并结合DHT11传感器实时显示环境的温度和湿度。用户可以通过浏览器访问设备IP地址进行交互，实现智能家居的基本功能。代码中包含了Web服务器的设置、HTTP请求处理以及传感器数据的读取和响应。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Arduino Esp8266 Web LED控制

arduino esp8266 web控制和LED控制:

web.ino

#include <DHT.h>
#include <DHT_U.h>

#include <ESP8266WiFi.h>
#include <ESP8266WebServer.h>
#include "FS.h"

#define DHTPIN 12

const char *ssid = "essid",
           *password = "password";

ESP8266WebServer server(80);

const int LED_PIN = 15;
int ledStatus = HIGH;

void handleRoot() {
   
   

    File index = SPIFFS.open("/index.html", "r");
    server.streamFile(index, "text/html");
    index.close();
}

void sendStatus() {
   
   
    if (ledStatus == HIGH) server.send(200, "text/plain", "HIGH");
    else server.send(200, "text/plain", "LOW");
}

void toggleLED() {
   
   
    ledStatus = ledStatus == HIGH ? LOW : HIGH;
    digitalWrite(LED_PIN, ledStatus);
    sendStatus();
}

void setup() {
   
   
    pinMode(LED_PIN, OUTPUT);
    digitalWrite(LED_PIN, ledStatus);
    Serial.begin(115200);

    SPIFFS.begin();

    WiFi.begin(ssid,password);

    while(WiFi.status() != WL_CONNECTED){
   
   
      delay(500);
      Serial.print(".");
    }
    Serial.println("");
    Serial.println("wifi connected");
    Serial.println("IP address:");
    Serial.println(WiFi.localIP());
 

    server.on("/", handleRoot);
  
    server.on("/toggle", toggleLED);
    server.on("/status", sendStatus);
 

    server.begin();
}

void loop() {
   
   
    server.handleClient();
}

index.html

<!doctype html>

<html>
    <head>
        <meta charset='UTF-8' />
        <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=yes">
        <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/water.min.css"> -->
        <!-- <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/css/mdui.min.css" /> -->
        <link rel="stylesheet" href="https://cdn.simplecss.org/simple.min.css">
        <title>智能家居控制平台</title>

        <style>
        body{
     
     height: 100vh;justify-content: center;align-items: center;backgroun