【Ardiuno】使用ESP32单片机创建web服务通过网页控制小灯开关的实验(图文)

经过实验测试ESP32单片机的网络连接还是很方便的,这里小飞鱼按照程序实例的代码亲自实验一下使用Esp32生成的网页服务来实现远程无线控制小灯开关功能,这样真的是离物联网开发越来越近了,哈哈!

连接好开发板和电路,将小灯正极连接在5号针脚上,接好负极。

程序代码:

#include <WiFi.h>

const char* ssid     = "XIAOFEIYU";
const char* password = "XIAOFEIYU666";

WiFiServer server(80);

void setup()
{
    Serial.begin(9600);
    pinMode(5, OUTPUT);      // set the LED pin mode
    delay(10);

    // We start by connecting to a WiFi network
    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.");
    Serial.println("IP address: ");
    Serial.println(WiFi.localIP());
    
    server.begin();

    //==========================================================================
    pinMode(2, OUTPUT);
    digitalWrite(2, HIGH);
    delay(500);
    digitalWrite(2, LOW);
    delay(500); 

    digitalWrite(2, HIGH);
    delay(500);
    digitalWrite(2, LOW);
    delay(500); 

    digitalWrite(2, HIGH);
    delay(2500);
    digitalWrite(2, LOW);
}


void loop(){
  WiFiClient client = server.available();   

  if (client) {                            
    Serial.println("New Client.");           
    String currentLine = "";                
    while (client.connected()) {            
      if (client.available()) {             
        char c = client.read();            
        
        if (c == '\n') {                    
          if (currentLine.length() == 0) {
            client.println("HTTP/1.1 200 OK");
            client.println("Content-type:text/html");
            client.println();

            // the content of the HTTP response follows the header:
            client.print("Click <a href=\"/H\">here</a> to turn the LED on pin 5 on.<br>");
            client.print("Click <a href=\"/L\">here</a> to turn the LED on pin 5 off.<br>");

            client.println();            
            break;
          } else {    
            currentLine = "";
          }
        } else if (c != '\r') {  
          currentLine += c;      
        }

        // Check to see if the client request was "GET /H" or "GET /L":
        if (currentLine.endsWith("GET /H")) {
          Serial.println("GET /H");
          digitalWrite(5, HIGH);               // GET /H  开灯
        }
        if (currentLine.endsWith("GET /L")) {
          Serial.println("GET /L");
          digitalWrite(5, LOW);                // GET /L  关灯
        }
      }
    }
    // close the connection:
    client.stop();
    Serial.println("Client Disconnected.");
  }
}

先打开串口监视器,然后编译程序上传到开发板,从串口服务器上查看到开发板的ip:192.168.199.207。

打开浏览器,输入网址可以查看到一个web页面

点击上面的一条记录上的链接,可以看到小灯被点亮了。

点击上面的一条记录上的链接,可以看到小灯熄灭了。

突然发现使用无线网络控制小灯居然可以这么神奇,各位博友有什么好的创意可以互相交流。

相关推荐
Graceful_scenery1 小时前
STM32F103外部中断配置
stm32·单片机·嵌入式硬件
Arciab6 小时前
51单片机入门:独立按键(02)
单片机
大梦百万秋6 小时前
嵌入式系统与单片机工作原理详解
单片机·嵌入式硬件
陌夏微秋7 小时前
硬件基础22 反馈放大电路
单片机·嵌入式硬件·硬件架构·硬件工程·智能硬件
电子工程师UP学堂8 小时前
电子应用设计方案-24:智能防火系统方案设计
人工智能·单片机·嵌入式硬件
Winter、rui9 小时前
STM32F103C8T6实时时钟RTC
stm32·单片机·嵌入式硬件
BigShark88810 小时前
2025蓝桥杯(单片机)备赛--扩展外设之PWM的原理与应用(十三)
单片机·职场和发展·蓝桥杯
六壹班班长12 小时前
STM32 外设简介
stm32·单片机·嵌入式硬件
小殷学长12 小时前
【单片机毕业设计12-基于stm32c8t6的智能称重系统设计】
stm32·单片机·课程设计
广药门徒13 小时前
stm32内部高速晶振打开作为主时钟
单片机·嵌入式硬件