Inhaltsverzeichnis
UNO R4 WiFi
Für die Darstellung im Browser ist in den Zeilen 187 und 200 eine Änderung nötig:
| ü -> ü |
|---|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 | #include “WiFiS3.h” // Router-SSID/Passwort anpassen char Router[] = “Router_SSID”; char Passwort[] = “xxxxxxxx”; // Pins der LEDs int ROT = 5; int GELB = 6; int GRUEN = 7; // Schalter für den Zustand der LEDs (false->aus, true-> an bool RotAn = false; bool GelbAn = false; bool GruenAn = false; // statischeIP = false -> IP-Adresse über DHCP vergeben // statischeIP = true -> statische IP festlegen bool statischeIP = false; // statische IP anpassen IPAddress ip(192, 168, 1, 200); WiFiServer WiFiServer(80); WiFiClient WebClient = WiFiServer.available(); void setup() { pinMode(ROT, OUTPUT); pinMode(GELB, OUTPUT); pinMode(GRUEN, OUTPUT); Serial.begin(9600); // auf serielle Verbindung warten while (!Serial) ; delay(1000); // statische IP vergeben if (statischeIP) WiFi.config(ip); // WiFi starten WiFi.begin(Router, Passwort); Serial.print(“Verbindung aufbauen mit ”); Serial.println(Router); // Verbindung herstellen while (WiFi.status() != WL_CONNECTED) { delay(200); Serial.print(“.”); } WiFiServer.begin(); // IP des Servers/des verbunden Computers anzeigen Serial.print(“Server: ”); Serial.println(WiFi.SSID()); // IP des Arduinos anzeigen if (statischeIP) Serial.print(“Statische IP Adresse Arduino: ”); else Serial.print(“IP Adresse Arduino DHCP: ”); Serial.println(WiFi.localIP()); } void loop() { // auf WebClienten warten … WebClient = WiFiServer.available(); if (WebClient) { String SchaltungLesen; // solange der WebClient verbunden ist … while (WebClient.connected()) { if (WebClient.available()) { // Anforderung vom WebClienten lesen … char Zeichen = WebClient.read(); // return (\n) gesendet if (Zeichen == ‘\n’) { // wenn der String SchaltungLesen leer ist if (SchaltungLesen == “”) { /* HTML-Seite aufbauen die folgenden Anweisungen müssen mit print oder println gesendet werden println “verschönert” den Quelltext (erzeugt einen Zeilenumbruch im Quelltext) ” müssen mit \ maskiert werden ” -> \” */ // HTML-Seite aufbauen WebClient.println(“HTTP/1.1 200 OK”); WebClient.println(“Content-type:text/html”); // Leerzeile zwingend erforderlich WebClient.println(); // Gerüst der HTML-Seite: WebClient.println(“<!doctype html>”); WebClient.println(“<html>”); WebClient.println(“<body>”); // h2 -> Überschrift, hr horizontale Linie WebClient.println(“<h2>Ampel mit WiFi-Modul schalten</h2>”); WebClient.println(“<hr>”); // table = Tabelle, tr = Tabelle Zeile, td = Tabelle Zelle WebClient.println(“<table><tr>”); // rote LED ist eingeschaltet -> roter Hintergrund /* style = Stil des Buttons bestimmen: background-color = Hintergrundfarbe, width/height = Breite/Höhe cursor: pointer = Cursor als Hand darstellen, border-radius: 50% = runder Button, border = Rand des Buttons als 2 Pixel breite durchgezogene Linie (solid) onclick: beim Klick auf den Button wird die URL RotAus übergeben, sie wird später ausgewertet */ if (RotAn) { WebClient.print(“<td><input style=‘background-color:#FF6565;”); WebClient.print(“ width:150px;height:150px; cursor:pointer;”); WebClient.print(“ font-size:14pt;”); WebClient.print(“ border-radius:50%;border: 2px solid black;‘”); WebClient.print(“ type=‘button‘”); WebClient.println(“ value=‘rot‘”); WebClient.println(“ onClick =\“location.href=‘RotAus’\”>”); WebClient.println(“</td><tr>”); } // rote LED ist ausgeschaltet -> weißer Hintergrund else { WebClient.print(“<td><input style=‘background-color:white;”); WebClient.print(“ width:150px;height:150px; cursor:pointer;”); WebClient.print(“ font-size:14pt;”); WebClient.print(“ border-radius:50%;border: 2px solid black;‘”); WebClient.print(“ type=‘button‘”); WebClient.println(“ value=‘rot‘”); WebClient.println(“ onClick =\“location.href=‘RotEin’\”>”); WebClient.println(“</td><tr>”); } // gelbe LED ist eingeschaltet -> gelber Hintergrund if (GelbAn) { WebClient.print(“<td><input style=‘background-color:#FFFB65;”); WebClient.print(“ width:150px;height:150px; cursor:pointer;”); WebClient.print(“ font-size:14pt;”); WebClient.print(“ border-radius:50%;border: 2px solid black;‘”); WebClient.print(“ type=‘button‘”); WebClient.println(“ value=‘gelb‘”); WebClient.println(“ onClick =\“location.href=‘GelbAus’\”>”); WebClient.println(“</td><tr>”); } // gelbe LED ist ausgeschaltet -> weißer Hintergrund else { WebClient.print(“<td><input style=‘background-color:white;”); WebClient.print(“ width:150px;height:150px; cursor:pointer;”); WebClient.print(“ font-size:14pt;”); WebClient.print(“ border-radius:50%;border: 2px solid black;‘”); WebClient.print(“ type=‘button‘”); WebClient.println(“ value=‘gelb‘”); WebClient.println(“ onClick =\“location.href=‘GelbEin’\”>”); WebClient.println(“</td><tr>”); } // grüne LED ist eingeschaltet -> grüner Hintergrund if (GruenAn) { WebClient.print(“<td><input style=‘background-color:green;”); WebClient.print(“ width:150px;height:150px; cursor:pointer;”); WebClient.print(“ font-size:14pt;”); WebClient.print(“ border-radius:50%;border: 2px solid black;‘”); WebClient.print(“ type=‘button‘”); WebClient.println(“ value=‘grün‘”); WebClient.println(“ onClick =\“location.href=‘GruenAus’\”>”); WebClient.println(“</td><tr>”); } // grüne LED ist ausgeschaltet -> weißer Hintergrund else { WebClient.print(“<td><input style=‘background-color:white;”); WebClient.print(“ width:150px;height:150px; cursor:pointer;”); WebClient.print(“ font-size:14pt;”); WebClient.print(“ border-radius:50%;border: 2px solid black;‘”); WebClient.print(“ type=‘button‘”); WebClient.println(“ value=‘grün‘”); WebClient.println(“ onClick =\“location.href=‘GruenEin’\”>”); WebClient.println(“</td><tr>”); } WebClient.println(“</table>”); WebClient.println(“<hr />”); // IPs anzeigen WebClient.print(“<b>Eigene IP: ”); WebClient.print(WebClient.remoteIP()); WebClient.print(“</b>”); WebClient.print(“<br><b>IP Arduino: ”); WebClient.print(WiFi.localIP()); WebClient.print(“</b>”); WebClient.println(“</body>”); WebClient.println(“</html>”); // HTTP-Antwort endet mit neuer Zeile WebClient.println(); // Seite vollständig geladen -> loop verlassen break; } // wenn SchaltungLesen nicht leer ist -> Inhalt löschen else SchaltungLesen = “”; } // bei einem anderen Zeichen als return (\r) // -> Zeichen dem String SchaltungLesen hinzufügen else if (Zeichen != ‘\r’) SchaltungLesen += Zeichen; // indexOf überprüft, ob die Zeichenfolge // im String SchaltungLesen enthalten ist // der Zusatnd der jeweiligen LED (ein/aus) wird mit ! “umgedreht”: // false->true, true->false if (SchaltungLesen.indexOf(“RotEin”) > 0) RotAn = !RotAn; if (SchaltungLesen.indexOf(“RotAus”) > 0) RotAn = !RotAn; if (SchaltungLesen.indexOf(“GelbEin”) > 0) GelbAn = !GelbAn; if (SchaltungLesen.indexOf(“GelbAus”) > 0) GelbAn = !GelbAn; if (SchaltungLesen.indexOf(“GruenEin”) > 0) GruenAn = !GruenAn; if (SchaltungLesen.indexOf(“GruenAus”) > 0) GruenAn = !GruenAn; } } WebClient.stop(); } // LEDs schalten if (RotAn) digitalWrite(ROT, HIGH); if (!RotAn) digitalWrite(ROT, LOW); if (GelbAn) digitalWrite(GELB, HIGH); if (!GelbAn) digitalWrite(GELB, LOW); if (GruenAn) digitalWrite(GRUEN, HIGH); if (!GruenAn) digitalWrite(GRUEN, LOW); } |
ESP32 Wroom
Für die Darstellung im Browser ist in den Zeilen 188 und 201 eine Änderung nötig:
| ü -> ü |
|---|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 | #include “WiFi.h” // Router-SSID/Passwort anpassen char Router[] = “Router_SSID”; char Passwort[] = “xxxxxxxx”; // Pins der LEDs int ROT = 19; int GELB = 18; int GRUEN = 5; // Schalter für den Zustand der LEDs (false->aus, true-> an bool RotAn = false; bool GelbAn = false; bool GruenAn = false; // statischeIP = false -> IP-Adresse über DHCP vergeben // statischeIP = true -> statische IP festlegen bool statischeIP = false; // statische IP, Gateway und Subnetz anpassen IPAddress ip(192, 168, 1, 200); IPAddress Gateway(192, 168, 1, 1); IPAddress Subnetz(255, 255, 255, 0); WiFiServer Server(80); WiFiClient WebClient = Server.available(); void setup() { pinMode(ROT, OUTPUT); pinMode(GELB, OUTPUT); pinMode(GRUEN, OUTPUT); Serial.begin(9600); // auf serielle Verbindung warten while (!Serial); delay(1500); // statische IP vergeben if (statischeIP) WiFi.config(ip, Gateway, Subnetz); // WiFi starten WiFi.begin(Router, Passwort); Serial.print(“Verbindung aufbauen mit ”); Serial.println(Router); // Verbindung herstellen while (WiFi.status() != WL_CONNECTED) { delay(200); Serial.print(“.”); } Server.begin(); // IP des Servers/des verbunden Computers anzeigen Serial.println(); Serial.print(“Server: ”); Serial.println(WiFi.SSID()); // IP anzeigen if (statischeIP) Serial.print(“Statische IP Adresse: ”); else Serial.print(“IP Adresse DHCP: ”); Serial.println(WiFi.localIP()); } void loop() { // auf WebClienten warten … WebClient = Server.available(); if (WebClient) { String SchaltungLesen; // solange der WebClient verbunden ist … while (WebClient.connected()) { if (WebClient.available()) { // Anforderung vom WebClienten lesen … char Zeichen = WebClient.read(); // return (\n) gesendet if (Zeichen == ‘\n’) { // wenn der String SchaltungLesen leer ist if (SchaltungLesen == “”) { /* HTML-Seite aufbauen die folgenden Anweisungen müssen mit print oder println gesendet werden println “verschönert” den Quelltext (erzeugt einen Zeilenumbruch im Quelltext) ” müssen mit \ maskiert werden ” -> \” */ // HTML-Seite aufbauen WebClient.println(“HTTP/1.1 200 OK”); WebClient.println(“Content-type:text/html”); // Leerzeile zwingend erforderlich WebClient.println(); // Gerüst der HTML-Seite: WebClient.println(“<!doctype html>”); WebClient.println(“<html>”); WebClient.println(“<body>”); // h2 -> Überschrift, hr horizontale Linie WebClient.println(“<h2>Ampel mit WiFi-Modul schalten</h2>”); WebClient.println(“<hr>”); // table = Tabelle, tr = Tabelle Zeile, td = Tabelle Zelle WebClient.println(“<table><tr>”); // rote LED ist eingeschaltet -> roter Hintergrund /* style = Stil des Buttons bestimmen: background-color = Hintergrundfarbe, width/height = Breite/Höhe cursor: pointer = Cursor als Hand darstellen, border-radius: 50% = runder Button, border = Rand des Buttons als 2 Pixel breite durchgezogene Linie (solid) onclick: beim Klick auf den Button wird die URL RotAus übergeben, sie wird später ausgewertet */ if (RotAn) { WebClient.print(“<td><input style=‘background-color:#FF6565;”); WebClient.print(“ width:150px;height:150px; cursor:pointer;”); WebClient.print(“ font-size:14pt;”); WebClient.print(“ border-radius:50%;border: 2px solid black;‘”); WebClient.print(“ type=‘button‘”); WebClient.println(“ value=‘rot‘”); WebClient.println(“ onClick =\“location.href=‘RotAus’\”>”); WebClient.println(“</td><tr>”); } // rote LED ist ausgeschaltet -> weißer Hintergrund else { WebClient.print(“<td><input style=‘background-color:white;”); WebClient.print(“ width:150px;height:150px; cursor:pointer;”); WebClient.print(“ font-size:14pt;”); WebClient.print(“ border-radius:50%;border: 2px solid black;‘”); WebClient.print(“ type=‘button‘”); WebClient.println(“ value=‘rot‘”); WebClient.println(“ onClick =\“location.href=‘RotEin’\”>”); WebClient.println(“</td><tr>”); } // gelbe LED ist eingeschaltet -> gelber Hintergrund if (GelbAn) { WebClient.print(“<td><input style=‘background-color:#FFFB65;”); WebClient.print(“ width:150px;height:150px; cursor:pointer;”); WebClient.print(“ font-size:14pt;”); WebClient.print(“ border-radius:50%;border: 2px solid black;‘”); WebClient.print(“ type=‘button‘”); WebClient.println(“ value=‘gelb‘”); WebClient.println(“ onClick =\“location.href=‘GelbAus’\”>”); WebClient.println(“</td><tr>”); } // gelbe LED ist ausgeschaltet -> weißer Hintergrund else { WebClient.print(“<td><input style=‘background-color:white;”); WebClient.print(“ width:150px;height:150px; cursor:pointer;”); WebClient.print(“ font-size:14pt;”); WebClient.print(“ border-radius:50%;border: 2px solid black;‘”); WebClient.print(“ type=‘button‘”); WebClient.println(“ value=‘gelb‘”); WebClient.println(“ onClick =\“location.href=‘GelbEin’\”>”); WebClient.println(“</td><tr>”); } // grüne LED ist eingeschaltet -> grüner Hintergrund if (GruenAn) { WebClient.print(“<td><input style=‘background-color:green;”); WebClient.print(“ width:150px;height:150px; cursor:pointer;”); WebClient.print(“ font-size:14pt;”); WebClient.print(“ border-radius:50%;border: 2px solid black;‘”); WebClient.print(“ type=‘button‘”); WebClient.println(“ value=‘grün‘”); WebClient.println(“ onClick =\“location.href=‘GruenAus’\”>”); WebClient.println(“</td><tr>”); } // grüne LED ist ausgeschaltet -> weißer Hintergrund else { WebClient.print(“<td><input style=‘background-color:white;”); WebClient.print(“ width:150px;height:150px; cursor:pointer;”); WebClient.print(“ font-size:14pt;”); WebClient.print(“ border-radius:50%;border: 2px solid black;‘”); WebClient.print(“ type=‘button‘”); WebClient.println(“ value=‘grün‘”); WebClient.println(“ onClick =\“location.href=‘GruenEin’\”>”); WebClient.println(“</td><tr>”); } WebClient.println(“</table>”); WebClient.println(“<hr />”); // IPs anzeigen WebClient.print(“<b>Eigene IP: ”); WebClient.print(WebClient.remoteIP()); WebClient.print(“</b>”); WebClient.print(“<br><b>IP Arduino: ”); WebClient.print(WiFi.localIP()); WebClient.print(“</b>”); WebClient.println(“</body>”); WebClient.println(“</html>”); // HTTP-Antwort endet mit neuer Zeile WebClient.println(); // Seite vollständig geladen -> loop verlassen break; } // wenn SchaltungLesen nicht leer ist -> Inhalt löschen else SchaltungLesen = “”; } // bei einem anderen Zeichen als return (\r) // -> Zeichen dem String SchaltungLesen hinzufügen else if (Zeichen != ‘\r’) SchaltungLesen += Zeichen; // indexOf überprüft, ob die Zeichenfolge // im String SchaltungLesen enthalten ist // der Zusatnd der jeweiligen LED (ein/aus) wird mit ! “umgedreht”: // false->true, true->false if (SchaltungLesen.indexOf(“RotEin”) > 0) RotAn = !RotAn; if (SchaltungLesen.indexOf(“RotAus”) > 0) RotAn = !RotAn; if (SchaltungLesen.indexOf(“GelbEin”) > 0) GelbAn = !GelbAn; if (SchaltungLesen.indexOf(“GelbAus”) > 0) GelbAn = !GelbAn; if (SchaltungLesen.indexOf(“GruenEin”) > 0) GruenAn = !GruenAn; if (SchaltungLesen.indexOf(“GruenAus”) > 0) GruenAn = !GruenAn; } } WebClient.stop(); } // LEDs schalten if (RotAn) digitalWrite(ROT, HIGH); if (!RotAn) digitalWrite(ROT, LOW); if (GelbAn) digitalWrite(GELB, HIGH); if (!GelbAn) digitalWrite(GELB, LOW); if (GruenAn) digitalWrite(GRUEN, HIGH); if (!GruenAn) digitalWrite(GRUEN, LOW); } |
Wemos D1 Mini
Für die Darstellung im Browser ist in den Zeilen 186 und 199 eine Änderung nötig:
| ü -> ü |
|---|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 | #include “ESP8266WiFi.h” char Router[] = Router_SSID”; char Passwort[] =xxxxxxxx”; // Pins der LEDs int ROT = D5; int GELB = D6; int GRUEN = D7; // Schalter für den Zustand der LEDs (false->aus, true-> an bool RotAn = false; bool GelbAn = false; bool GruenAn = false; // statischeIP = false -> IP-Adresse über DHCP vergeben // statischeIP = true -> statische IP festlegen bool statischeIP = false; // statische IP, Gateway und Subnetz anpassen IPAddress ip(192, 168, 1, 200); IPAddress Gateway(192, 168, 1, 1); IPAddress Subnetz(255, 255, 255, 0); WiFiServer Server(80); WiFiClient WebClient = Server.available(); void setup() { pinMode(ROT, OUTPUT); pinMode(GELB, OUTPUT); pinMode(GRUEN, OUTPUT); Serial.begin(9600); // auf serielle Verbindung warten while (!Serial); delay(1500); // statische IP vergeben if (statischeIP) WiFi.config(ip, Gateway, Subnetz); // WiFi starten WiFi.begin(Router, Passwort); Serial.print(“Verbindung aufbauen mit ”); Serial.println(Router); // Verbindung herstellen while (WiFi.status() != WL_CONNECTED) { delay(200); Serial.print(“.”); } Server.begin(); // IP des Servers/des verbunden Computers anzeigen Serial.println(); Serial.print(“Server: ”); Serial.println(WiFi.SSID()); // IP anzeigen if (statischeIP) Serial.print(“Statische IP Adresse: ”); else Serial.print(“IP Adresse DHCP: ”); Serial.println(WiFi.localIP()); } void loop() { // auf WebClienten warten … WebClient = Server.available(); if (WebClient) { String SchaltungLesen; // solange der WebClient verbunden ist … while (WebClient.connected()) { if (WebClient.available()) { // Anforderung vom WebClienten lesen … char Zeichen = WebClient.read(); // return (\n) gesendet if (Zeichen == ‘\n’) { // wenn der String SchaltungLesen leer ist if (SchaltungLesen == “”) { /* HTML-Seite aufbauen die folgenden Anweisungen müssen mit print oder println gesendet werden println “verschönert” den Quelltext (erzeugt einen Zeilenumbruch im Quelltext) ” müssen mit \ maskiert werden ” -> \” */ // HTML-Seite aufbauen WebClient.println(“HTTP/1.1 200 OK”); WebClient.println(“Content-type:text/html”); // Leerzeile zwingend erforderlich WebClient.println(); // Gerüst der HTML-Seite: WebClient.println(“<!doctype html>”); WebClient.println(“<html>”); WebClient.println(“<body>”); // h2 -> Überschrift, hr horizontale Linie WebClient.println(“<h2>Ampel mit WiFi-Modul schalten</h2>”); WebClient.println(“<hr>”); // table = Tabelle, tr = Tabelle Zeile, td = Tabelle Zelle WebClient.println(“<table><tr>”); // rote LED ist eingeschaltet -> roter Hintergrund /* style = Stil des Buttons bestimmen: background-color = Hintergrundfarbe, width/height = Breite/Höhe cursor: pointer = Cursor als Hand darstellen, border-radius: 50% = runder Button, border = Rand des Buttons als 2 Pixel breite durchgezogene Linie (solid) onclick: beim Klick auf den Button wird die URL RotAus übergeben, sie wird später ausgewertet */ if (RotAn) { WebClient.print(“<td><input style=‘background-color:#FF6565;”); WebClient.print(“ width:150px;height:150px; cursor:pointer;”); WebClient.print(“ font-size:14pt;”); WebClient.print(“ border-radius:50%;border: 2px solid black;‘”); WebClient.print(“ type=‘button‘”); WebClient.println(“ value=‘rot‘”); WebClient.println(“ onClick =\“location.href=‘RotAus’\”>”); WebClient.println(“</td><tr>”); } // rote LED ist ausgeschaltet -> weißer Hintergrund else { WebClient.print(“<td><input style=‘background-color:white;”); WebClient.print(“ width:150px;height:150px; cursor:pointer;”); WebClient.print(“ font-size:14pt;”); WebClient.print(“ border-radius:50%;border: 2px solid black;‘”); WebClient.print(“ type=‘button‘”); WebClient.println(“ value=‘rot‘”); WebClient.println(“ onClick =\“location.href=‘RotEin’\”>”); WebClient.println(“</td><tr>”); } // gelbe LED ist eingeschaltet -> gelber Hintergrund if (GelbAn) { WebClient.print(“<td><input style=‘background-color:#FFFB65;”); WebClient.print(“ width:150px;height:150px; cursor:pointer;”); WebClient.print(“ font-size:14pt;”); WebClient.print(“ border-radius:50%;border: 2px solid black;‘”); WebClient.print(“ type=‘button‘”); WebClient.println(“ value=‘gelb‘”); WebClient.println(“ onClick =\“location.href=‘GelbAus’\”>”); WebClient.println(“</td><tr>”); } // gelbe LED ist ausgeschaltet -> weißer Hintergrund else { WebClient.print(“<td><input style=‘background-color:white;”); WebClient.print(“ width:150px;height:150px; cursor:pointer;”); WebClient.print(“ font-size:14pt;”); WebClient.print(“ border-radius:50%;border: 2px solid black;‘”); WebClient.print(“ type=‘button‘”); WebClient.println(“ value=‘gelb‘”); WebClient.println(“ onClick =\“location.href=‘GelbEin’\”>”); WebClient.println(“</td><tr>”); } // grüne LED ist eingeschaltet -> grüner Hintergrund if (GruenAn) { WebClient.print(“<td><input style=‘background-color:green;”); WebClient.print(“ width:150px;height:150px; cursor:pointer;”); WebClient.print(“ font-size:14pt;”); WebClient.print(“ border-radius:50%;border: 2px solid black;‘”); WebClient.print(“ type=‘button‘”); WebClient.println(“ value=‘grün‘”); WebClient.println(“ onClick =\“location.href=‘GruenAus’\”>”); WebClient.println(“</td><tr>”); } // grüne LED ist ausgeschaltet -> weißer Hintergrund else { WebClient.print(“<td><input style=‘background-color:white;”); WebClient.print(“ width:150px;height:150px; cursor:pointer;”); WebClient.print(“ font-size:14pt;”); WebClient.print(“ border-radius:50%;border: 2px solid black;‘”); WebClient.print(“ type=‘button‘”); WebClient.println(“ value=‘grün‘”); WebClient.println(“ onClick =\“location.href=‘GruenEin’\”>”); WebClient.println(“</td><tr>”); } WebClient.println(“</table>”); WebClient.println(“<hr />”); // IPs anzeigen WebClient.print(“<b>Eigene IP: ”); WebClient.print(WebClient.remoteIP()); WebClient.print(“</b>”); WebClient.print(“<br><b>IP Arduino: ”); WebClient.print(WiFi.localIP()); WebClient.print(“</b>”); WebClient.println(“</body>”); WebClient.println(“</html>”); // HTTP-Antwort endet mit neuer Zeile WebClient.println(); // Seite vollständig geladen -> loop verlassen break; } // wenn SchaltungLesen nicht leer ist -> Inhalt löschen else SchaltungLesen = “”; } // bei einem anderen Zeichen als return (\r) // -> Zeichen dem String SchaltungLesen hinzufügen else if (Zeichen != ‘\r’) SchaltungLesen += Zeichen; // indexOf überprüft, ob die Zeichenfolge // im String SchaltungLesen enthalten ist // der Zustand der jeweiligen LED (ein/aus) wird mit ! “umgedreht”: // false->true, true->false if (SchaltungLesen.indexOf(“RotEin”) > 0) RotAn = !RotAn; if (SchaltungLesen.indexOf(“RotAus”) > 0) RotAn = !RotAn; if (SchaltungLesen.indexOf(“GelbEin”) > 0) GelbAn = !GelbAn; if (SchaltungLesen.indexOf(“GelbAus”) > 0) GelbAn = !GelbAn; if (SchaltungLesen.indexOf(“GruenEin”) > 0) GruenAn = !GruenAn; if (SchaltungLesen.indexOf(“GruenAus”) > 0) GruenAn = !GruenAn; } } WebClient.stop(); } // LEDs schalten if (RotAn) digitalWrite(ROT, HIGH); if (!RotAn) digitalWrite(ROT, LOW); if (GelbAn) digitalWrite(GELB, HIGH); if (!GelbAn) digitalWrite(GELB, LOW); if (GruenAn) digitalWrite(GRUEN, HIGH); if (!GruenAn) digitalWrite(GRUEN, LOW); } |
Letzte Aktualisierung: