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

代码:

#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在同一个局域网内才有效,否则,浏览器端则进不去。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

豆豆豆豆芽

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值