12.利用网页控制LED灯的开关

最新推荐文章于 2023-10-28 21:36:22 发布

豆豆豆豆芽

最新推荐文章于 2023-10-28 21:36:22 发布

阅读量1.5k

点赞数 2

分类专栏： arduino小试牛刀文章标签： arduino 嵌入式

本文链接：https://blog.csdn.net/weixin_46182244/article/details/119580152

版权

arduino小试牛刀专栏收录该内容

12 篇文章 2 订阅

订阅专栏

代码：

#include <ESP8266WiFi.h>
 
//此处设置您的wifi接入信息
#ifndef STASSID
#define STASSID "用户名"
#define STAPSK  "密码"
#endif
 
const char* ssid = STASSID;
const char* password = STAPSK;
 
//创建TCP server对象,并将端口指定为80
WiFiServer server(80);
 
void setup() {
  //打开串口
  Serial.begin(115200);
 
  //初始化板载LED
  pinMode(D2, OUTPUT);
  digitalWrite(D2, 0);
 
  //连接WiFi
  Serial.println();
  Serial.println();
  Serial.print(F("Connecting to "));
  Serial.println(ssid);
 
  WiFi.mode(WIFI_STA);
  WiFi.begin(ssid, password);
 
  while (WiFi.status() != WL_CONNECTED) {
    delay(500);
    Serial.print(F("."));
  }
  Serial.println();
  Serial.println(F("WiFi connected"));
 
  //启动TCP server服务器
  server.begin();
  Serial.println(F("Server started"));
 
  //打印IP地址
  Serial.println(WiFi.localIP());
}
 
void loop() {
  //检查客户端是否已连接
  WiFiClient client = server.available();
  if (!client) {
    return;
  }
  Serial.println(F("new client"));
 
  client.setTimeout(5000); //默认为 1000
 
  //读取客户端发起的TCP请求
  String req = client.readStringUntil('\r');
  Serial.println(F("request: "));
  Serial.println(req);
 
  //解析请求里是否含有以下指定内容
  int val;
  //检查发起的请求内容是否包含"/gpio/0"
  if (req.indexOf(F("/gpio/0")) != -1) {
    val = 1;
    Serial.println("开灯");
 
    //检查发起的请求内容是否包含"/gpio/1"
  } else if (req.indexOf(F("/gpio/1")) != -1) {
    val = 0;
     Serial.println("关灯");
  } else {
    Serial.println(F("invalid request"));
    val = digitalRead(D2);
  }
 
  //根据要求设置板载LED状态
  digitalWrite(D2, val);
 
  //读取剩余的内容,用于清除缓存
  while (client.available()) {
    client.read();
  }
 
  //将响应体发送到客户端 注:若要使用中文则必须在其中添加<meta charset=\"utf-8\">声明编码
  client.print(F("HTTP/1.1 200 OK\r\nContent-Type: text/html\r\n\r\n<!DOCTYPE HTML>\r\n<html>\r\n<meta charset=\"utf-8\">NodeMCU板载LED灯的状态 : "));
  client.print((val) ? F("关") : F("开"));
  client.print(F("<br><br> <a href='http://"));
  client.print(WiFi.localIP());
  client.print(F("/gpio/1'>  点击关灯  </a> , 或  <a href='http://"));
  client.print(WiFi.localIP());
  client.print(F("/gpio/0'>  点击开灯  </a> </html>"));
 
  //通过浏览器点击按钮之后,TCP连接将会被重置,并且浏览器会发起新的TCP请求到我们的8266服务器,从而去控制LED灯
  Serial.println(F("Disconnecting from client"));
}

运行这个代码可以在esp8266端建立一个服务器，并且通过浏览器可以访问到服务器

硬件连接：

运行结果：

在浏览器输入ip地址，可以访问到服务器

点击该网页上的点击开灯按钮，可是使LED灯打开

点击点击关灯按钮，可以使LED灯关闭

注意事项：

服务器必须和浏览器所在的WiFi在同一个局域网内才有效，否则，浏览器端则进不去。

豆豆豆豆芽

关注

2
点赞
踩
12

收藏

觉得还不错? 一键收藏
打赏
0
评论
12.利用网页控制LED灯的开关

代码：#include <ESP8266WiFi.h> //此处设置您的wifi接入信息#ifndef STASSID#define STASSID "用户名"#define STAPSK "密码"#endif const char* ssid = STASSID;const char* password = STAPSK; //创建TCP server对象,并将端口指定为80WiFiServer server(80); void setup() { //
复制链接

扫一扫