Síťová komunikace
V tomto týdnu jsem se pokusil ovládat svůj obvod přes lokální bezdrátovou síť. Jakožto svůj první projekt jsem si vybral pouhé rosvicení a zhasínání LEDek pomocí webové stránky hostované na lokální WiFi síti. Vzhledem k mé nezkušenosti jsem se poprvé rozhodl postupovat přesně podle video tutorialu ze stránky Random nerd tutorials. Funkčnost mého řešení je vidět na následujícím videu.
Celý systém běží na microprocesoru ESP-WROOM-32 ve kterém je nahraný následující kód:
#include <Arduino.h>
#include <WiFi.h>
#define ssid "Mobil_MH"
#define password "12345678"
WiFiServer server(80);
String header;
String output26State = "off";
String output27State = "off";
const int output26 = 26;
const int output27 = 27;
void setup() {
Serial.begin(921600);
pinMode(output26, OUTPUT);
pinMode(output27, OUTPUT);
digitalWrite(output26, LOW);
digitalWrite(output27, LOW);
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();
}
void loop() {
WiFiClient client = server.available();
if(client){
String currentLine = "";
while(client.connected()){
if(client.available()){
char c = client.read();
Serial.write(c);
header += c;
if(c == '\n'){
if(currentLine.length() == 0){
client.println("HTTP/1.1 200 OK");
client.println("Content-type:text/html");
client.println("Connection: close");
client.println();
if(header.indexOf("GET /26/on") >= 0){
Serial.println("GPIO 26 on");
output26State = "on";
digitalWrite(output26,HIGH);
}else if(header.indexOf("GET /26/off") >= 0){
Serial.println("GPIO 26 off");
output26State = "off";
digitalWrite(output26,LOW);
}else if(header.indexOf("GET /27/on") >= 0){
Serial.println("GPIO 27 on");
output27State = "on";
digitalWrite(output27,HIGH);
}else if(header.indexOf("GET /27/off") >= 0){
Serial.println("GPIO 27 off");
output27State = "off";
digitalWrite(output27,LOW);
}
client.println("<!DOCTYPE HTML><html>");
client.println("<head><meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">");
client.println("<lint rel=\"icon\" href=\"data:,\">");
client.println("<style>html { font-family: Helvetica; display: inline-block; margin: 0px auto; text-align: center;}");
client.println(".button {background-color: #4CAF50; border: none; color: white; padding: 16px 40 px; text-decoration: none; font-size: 30px; margin: 2px; cursor: pointer;}");
client.println(".button2 {background-color: #555555;}</style></head>");
client.println("<h1>ESP32 Web Server</h1>");
client.println("<p>GPIO 26 - State " + output26State + "</p>");
if (output26State == "off"){
client.println("<p><a href=\"/26/on\"><button class=\"button\">ON</button></a></p>");
}else{
client.println("<p><a href=\"/26/off\"><button class=\"button button2\">OFF</button></a></p>");
}
client.println("<p>GPIO 27 - State " + output27State + "</p>");
if (output27State == "off"){
client.println("<p><a href=\"/27/on\"><button class=\"button\">ON</button></a></p>");
}else{
client.println("<p><a href=\"/27/off\"><button class=\"button button2\">OFF</button></a></p>");
}
client.println("</html>");
client.println();
break;
}else{
currentLine = "";
}
} else if(c != '\r'){
currentLine += c;
}
}
}
}
header = "";
client.stop();
//Serial.println("Client disconnected.");
//Serial.println("");
}
Dané téma mě velmi oslovilo a proto jsem se pokusil zprovoznit i ovládání rychlosti motoru, ale to se mi zatím nepovedlo dotáhnout do zdárného konce, proto to zde ještě není zreportováno.