본문 바로가기

코딩 놀이

HTML 버튼

nodeMCU D1 핀에 LED를 연결하여 On, Off 합니다.

 

 

A : LED 내부 작은 조각은 +입니다.

B : 저항 330옴 무극성으로 -라인에 연결합니다.

C : LED+라인과 D1핀을 연결합니다.

D : GND(-)을 -줄에 연결합니다.



출처: https://spring99.tistory.com/90 [Spring99]

#include <ESP8266WiFi.h>
const char* ssid = "IOT22";
const char* password = "zzz19540410";
WiFiServer server(80);

void setup() {
  Serial.begin(115200);
  delay(10);
  pinMode(5, OUTPUT);
  pinMode(4,  OUTPUT);
  digitalWrite(5, LOW); 
  digitalWrite(4, LOW);
  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");  
  Serial.print("Use this URL to connect: ");
  Serial.print("http://");    
  Serial.print(WiFi.localIP());
  Serial.println("/");
}

void loop() { 
  WiFiClient client = server.available();
  if (!client) {
    return;
  }
 
  while (!client.available()) {
    delay(1);
  } 
  String request = client.readStringUntil('\r');
  Serial.println(request);
  client.flush();
  int state = LOW;
  if (request.indexOf("/On") != -1)  {
    digitalWrite(5, HIGH); 
    state = HIGH;
  }
  if (request.indexOf("/Off") != -1)  {
    digitalWrite(5, LOW);
   state = LOW;
  }
  client.println("HTTP/1.1 200 OK");
  client.println("Content-Type: text/html");
  client.println(""); //  do not forget this one
  client.println("<!DOCTYPE HTML>");
  client.println("<html>");
  client.println("<h1 align=center>WiFi LED On, Off</h1><br><br>");
  client.print("Stepper motor moving= ");

  if (state == HIGH) {
    client.print("On");
  } else {
    client.print("Off");
  }
  client.println("<br><br>");
  client.println("<a href=\"/On\"\"><button>ON </button></a>");
  client.println("<a href=\"/Off\"\"><button>OFF </button></a><br />");
  client.println("</html>");
  delay(1);
  Serial.println("Client disonnected");
  Serial.println("");
}

'코딩 놀이' 카테고리의 다른 글

WiFi 공유기 접속 IP 알아보기  (0) 2021.03.09
tag [ align]  (0) 2021.03.09
HTML 2 LED 제어  (0) 2021.03.08
Button(HTML)  (0) 2021.03.08
HTML 언어 구조  (0) 2021.03.07