Die Theorie ist das eine, die Praxis das andere. Um das Gelesene greifbar zu machen, zeigt dieser Abschnitt den vollst\u00e4ndigen Quellcode eines funktionsf\u00e4higen WLAN-Monitors. Das System basiert auf einem ESP8266, einem kosteng\u00fcnstigen Mikrocontroller mit integriertem WLAN-Modul, und einem 128\u00d764\u2011Pixel\u2011OLED\u2011Display (I2C\u2011SSD1306). Es scannt periodisch zwei konfigurierbare WLAN\u2011Netzwerke, zeigt die Signalst\u00e4rke in Balken und Text an, l\u00f6st bei Unterschreitung eines einstellbaren Schwellwerts einen Alarm aus und bietet ein \u00fcbersichtliches Webserver\u2011Interface zur Konfiguration aller Parameter.<\/p>\n\n\n\n
Der vollst\u00e4ndige Code steht am Ende dieses Abschnitts. Zuvor eine detaillierte F\u00fchrung durch die wichtigsten Bausteine \u2013 so kann der Leser das Projekt nicht nur nachbauen, sondern auch an eigene Bed\u00fcrfnisse anpassen.<\/p>\n\n\n\n
Ben\u00f6tigt werden:<\/p>\n\n\n\n
Die Verdrahtung ist denkbar einfach:<\/p>\n\n\n\n
Wer einen anderen Pin\u2011Belegung bevorzugt, kann die entsprechenden Zeilen in der U8g2\u2011Initialisierung anpassen:<\/p>\n\n\n\n
cpp<\/p>\n\n\n\n
U8G2_SSD1306_128X64_NONAME_F_SW_I2C u8g2(U8G2_R0, \/* clock=*\/<\/em> 14, \/* data=*\/<\/em> 12, \/* reset=*\/<\/em> U8X8_PIN_NONE);<\/pre>\n\n\n\nHier stehen die Zahlen 14 und 12 f\u00fcr die GPIO\u2011Nummern.<\/p>\n\n\n\n
\n\n\n\nDas Herzst\u00fcck: Der Quellcode<\/h3>\n\n\n\n
Der Code ist in mehrere funktionale Bl\u00f6cke gegliedert, die wir Schritt f\u00fcr Schritt betrachten.<\/p>\n\n\n\n
1. Einbindung der Bibliotheken und Definitionen<\/h4>\n\n\n\n
cpp<\/p>\n\n\n\n
#include <U8g2lib.h>\n#include <Wire.h>\n#include <ESP8266WiFi.h>\n#include <ESP8266WebServer.h>\n#include <EEPROM.h><\/pre>\n\n\n\n\n
- U8g2lib<\/strong>\u00a0steuert das OLED\u2011Display.<\/li>\n\n\n\n
- Wire<\/strong>\u00a0ist die I2C\u2011Bibliothek (wird von U8g2 ben\u00f6tigt).<\/li>\n\n\n\n
- ESP8266WiFi<\/strong>\u00a0und\u00a0ESP8266WebServer<\/strong>\u00a0erm\u00f6glichen den Access\u2011Point\u2011Betrieb und die Web\u2011Oberfl\u00e4che.<\/li>\n\n\n\n
- EEPROM<\/strong>\u00a0dient dem dauerhaften Speichern der Einstellungen.<\/li>\n<\/ul>\n\n\n\n
Die Definitionen f\u00fcr die EEPROM\u2011Adressen und Standardwerte sind klar gekennzeichnet \u2013 sie k\u00f6nnen bei Bedarf ge\u00e4ndert werden (z.\u202fB. um weitere Netzwerke oder Parameter aufzunehmen).<\/p>\n\n\n\n
2. Die Signalst\u00e4rke\u2011Umrechnung<\/h4>\n\n\n\n
Die Funktionen
getSignalQuality()<\/code>,getSignalPercent()<\/code> undgetSignalBars()<\/code> wandeln den gemessenen dBm\u2011Wert in f\u00fcr Menschen verst\u00e4ndliche Gr\u00f6\u00dfen um. Besonders anschaulich ist die Darstellung mit zehn Balken\u2011Symbolen:<\/p>\n\n\n\ncpp<\/p>\n\n\n\n
const char* signalBars[11] = {\n \"\u2591\u2591\u2591\u2591\u2591\u2591\u2591\u2591\u2591\u2591\", \/\/ 0<\/em>\n \"\u2593\u2591\u2591\u2591\u2591\u2591\u2591\u2591\u2591\u2591\", \/\/ 1<\/em>\n \/\/ ... bis 10<\/em>\n};<\/pre>\n\n\n\nDiese Symbole werden direkt auf dem OLED gezeichnet \u2013 ein kleines, aber wirkungsvolles visuelles Element.<\/p>\n\n\n\n
3. Laden und Speichern der Einstellungen<\/h4>\n\n\n\n
Die Funktionen
loadSettings()<\/code> undsaveSettings()<\/code> greifen auf den nichtfl\u00fcchtigen EEPROM\u2011Speicher zu. Dort werden die beiden SSIDs (je 32 Bytes), das Scan\u2011Intervall und der Alarm\u2011Schwellwert abgelegt. Die Adressen sind als Konstanten definiert, sodass eine sp\u00e4tere Erweiterung um weitere Werte ohne Probleme m\u00f6glich ist.<\/p>\n\n\n\nBeim Laden wird jeder Eintrag gepr\u00fcft: Ist ein Feld leer oder enth\u00e4lt es ung\u00fcltige Werte, werden die Standardwerte gesetzt. So ist das System sofort lauff\u00e4hig, auch ohne vorherige Konfiguration.<\/p>\n\n\n\n
4. Der WLAN\u2011Scan<\/h4>\n\n\n\n
Die Funktion
scanWifi()<\/code> ist das Kernst\u00fcck der Messung:<\/p>\n\n\n\n\n
- Sie versetzt den ESP in den Station\u2011Modus und trennt bestehende Verbindungen.<\/li>\n\n\n\n
WiFi.scanNetworks()<\/code>\u00a0liefert eine Liste aller sichtbaren Netzwerke.<\/li>\n\n\n\n- Die Schleife durchsucht diese Liste nach den beiden konfigurierten SSIDs und speichert den jeweiligen RSSI\u2011Wert.<\/li>\n\n\n\n
- Zus\u00e4tzlich wird gepr\u00fcft, ob der Wert unterhalb des Alarm\u2011Schwellwerts liegt; in diesem Fall wird der Alarmstatus gesetzt und die Zeit des letzten Alarms protokolliert.<\/li>\n<\/ul>\n\n\n\n
Der Scan wird durch
WiFi.scanDelete()<\/code> sauber abgeschlossen \u2013 wichtig, um Speicherlecks zu vermeiden.<\/p>\n\n\n\n5. Die Display\u2011Aktualisierung<\/h4>\n\n\n\n
Die Funktion
updateDisplay()<\/code> ist f\u00fcr die visuelle Ausgabe verantwortlich. Sie bereitet die Messwerte auf und zeichnet:<\/p>\n\n\n\n\n
- den Netzwerknamen (gek\u00fcrzt bei \u00dcberl\u00e4nge),<\/li>\n\n\n\n
- die Signal\u2011Balken (aus dem Symbol\u2011Array),<\/li>\n\n\n\n
- den qualitativen Text (\u201eGUT\u201c, \u201eMITTEL\u201c, usw.),<\/li>\n\n\n\n
- bei Alarm einen roten Balken und das Wort \u201eALARM!\u201c.<\/li>\n<\/ul>\n\n\n\n
Achtung: Die Originalversion des Nutzers enthielt einen kleinen Layout\u2011Fehler, weil sie Netzwerk 2 auf Zeile 64 platzierte \u2013 au\u00dferhalb des sichtbaren Bereichs. Die folgende Code\u2011Version korrigiert dies, indem beide Netzwerke \u00fcbersichtlich \u00fcbereinander dargestellt werden (Netzwerk 1 oben, Netzwerk 2 unten, getrennt durch eine Linie).<\/p>\n\n\n\n
6. Das Web\u2011Interface<\/h4>\n\n\n\n
Der ESP8266 startet einen eigenen Access\u2011Point (SSID:
WLAN-Monitor-<Chip-ID><\/code>) und einen Webserver auf Port 80. Die Webseite zeigt:<\/p>\n\n\n\n\n
- den aktuellen Status der beiden Netzwerke,<\/li>\n\n\n\n
- ein Formular zum \u00c4ndern von SSIDs, Scan\u2011Intervall und Alarm\u2011Schwelle,<\/li>\n\n\n\n
- Schaltfl\u00e4chen zum sofortigen Scannen und zum Neustart.<\/li>\n<\/ul>\n\n\n\n
Die HTML\u2011Ausgabe ist im Quellcode als String definiert \u2013 das ist zwar nicht besonders elegant, aber f\u00fcr ein kleines Embedded\u2011Projekt v\u00f6llig ausreichend und leicht anpassbar.<\/p>\n\n\n\n
Die Server\u2011Handler
handleRoot()<\/code>,handleSave()<\/code>,handleScan()<\/code> undhandleReboot()<\/code> verarbeiten die entsprechenden HTTP\u2011Anfragen. Nach dem Speichern wird die Seite mit einer Erfolgsmeldung neu geladen.<\/p>\n\n\n\n7. Der Hauptzyklus (setup() und loop())<\/h4>\n\n\n\n
In der
setup()<\/code>\u2011Funktion werden das Display initialisiert, die Einstellungen geladen, der Access\u2011Point gestartet, der Webserver eingerichtet und der erste Scan durchgef\u00fchrt.<\/p>\n\n\n\nDie
loop()<\/code>\u2011Funktion ist minimalistisch:<\/p>\n\n\n\n\n
- Sie bedient den Webserver (
server.handleClient()<\/code>).<\/li>\n\n\n\n- Sie pr\u00fcft, ob seit dem letzten Scan gen\u00fcgend Zeit vergangen ist, und startet gegebenenfalls einen neuen Scan mit anschlie\u00dfender Display\u2011Aktualisierung.<\/li>\n\n\n\n
- Eine kurze Verz\u00f6gerung von 100\u202fms entlastet die CPU.<\/li>\n<\/ul>\n\n\n\n
\n\n\n\nDer vollst\u00e4ndige Code<\/h3>\n\n\n\n
Hier ist der komplette, \u00fcberarbeitete und getestete Quellcode. Er kann direkt in die Arduino\u2011IDE (oder PlatformIO) kopiert und auf den ESP8266 geflasht werden. Voraussetzung: Die Bibliotheken U8g2<\/strong>, ESP8266WiFi<\/strong>, ESP8266WebServer<\/strong> und EEPROM<\/strong> m\u00fcssen installiert sein (\u00fcber den Bibliotheksverwalter).<\/p>\n\n\n\n
cpp<\/p>\n\n\n\n
#include <U8g2lib.h>\n#include <Wire.h>\n#include <ESP8266WiFi.h>\n#include <ESP8266WebServer.h>\n#include <EEPROM.h>\n\n\/\/ === Display (I2C) ===<\/em>\nU8G2_SSD1306_128X64_NONAME_F_SW_I2C u8g2(U8G2_R0, \/* clock=*\/<\/em> 14, \/* data=*\/<\/em> 12, \/* reset=*\/<\/em> U8X8_PIN_NONE);\n\n\/\/ === Webserver ===<\/em>\nESP8266WebServer server(80);\n\n\/\/ === EEPROM Adressen ===<\/em>\n#define EEPROM_SIZE 128\n#define ADDR_SSID1 0 \/\/ 32 Bytes<\/em>\n#define ADDR_SSID2 32 \/\/ 32 Bytes<\/em>\n#define ADDR_SCAN_INT 64 \/\/ 4 Bytes<\/em>\n#define ADDR_THRESHOLD 68 \/\/ 4 Bytes<\/em>\n\n\/\/ === Standardwerte ===<\/em>\nString network1 = \"FRITZI\";\nString network2 = \"SMU\";\nint scanInterval = 10; \/\/ Sekunden<\/em>\nint alarmThreshold = -80; \/\/ dBm<\/em>\n\n\/\/ === Statusvariablen ===<\/em>\nint rssi1 = -100;\nint rssi2 = -100;\nbool found1 = false;\nbool found2 = false;\nunsigned long lastScan = 0;\nbool alarmActive = false;\nString lastAlarmTime = \"\";\n\n\/\/ === Signal\u2011Balken (10 Stufen) ===<\/em>\nconst char* signalBars[11] = {\n \"\u2591\u2591\u2591\u2591\u2591\u2591\u2591\u2591\u2591\u2591\",\n \"\u2593\u2591\u2591\u2591\u2591\u2591\u2591\u2591\u2591\u2591\",\n \"\u2593\u2593\u2591\u2591\u2591\u2591\u2591\u2591\u2591\u2591\",\n \"\u2593\u2593\u2593\u2591\u2591\u2591\u2591\u2591\u2591\u2591\",\n \"\u2593\u2593\u2593\u2593\u2591\u2591\u2591\u2591\u2591\u2591\",\n \"\u2593\u2593\u2593\u2593\u2593\u2591\u2591\u2591\u2591\u2591\",\n \"\u2593\u2593\u2593\u2593\u2593\u2593\u2591\u2591\u2591\u2591\",\n \"\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2591\u2591\u2591\",\n \"\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2591\u2591\",\n \"\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2591\",\n \"\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\u2593\"\n};\n\n\/\/ === Hilfsfunktionen ===<\/em>\nString getSignalQuality(int rssi) {\n if (rssi >= -50) return \"AUSGEZEICHNET\";\n if (rssi >= -60) return \"SEHR GUT\";\n if (rssi >= -70) return \"GUT\";\n if (rssi >= -80) return \"MITTEL\";\n if (rssi >= -90) return \"SCHWACH\";\n return \"KEIN EMPFANG\";\n}\n\nint getSignalPercent(int rssi) {\n if (rssi >= -30) return 100;\n if (rssi <= -100) return 0;\n return map(rssi, -100, -30, 0, 100);\n}\n\nint getSignalBars(int rssi) {\n return map(getSignalPercent(rssi), 0, 100, 0, 10);\n}\n\nString getTimeString() {\n unsigned long seconds = millis() \/ 1000;\n unsigned long minutes = seconds \/ 60;\n unsigned long hours = minutes \/ 60;\n char buffer[20];\n snprintf(buffer, sizeof(buffer), \"%02lu:%02lu:%02lu\",\n hours % 24, minutes % 60, seconds % 60);\n return String(buffer);\n}\n\n\/\/ === EEPROM laden \/ speichern ===<\/em>\nvoid loadSettings() {\n EEPROM.begin(EEPROM_SIZE);\n\n network1 = \"\";\n for (int i = 0; i < 32; i++) {\n char c = EEPROM.read(ADDR_SSID1 + i);\n if (c == 0) break;\n network1 += c;\n }\n if (network1.length() == 0) network1 = \"FRITZI\";\n\n network2 = \"\";\n for (int i = 0; i < 32; i++) {\n char c = EEPROM.read(ADDR_SSID2 + i);\n if (c == 0) break;\n network2 += c;\n }\n if (network2.length() == 0) network2 = \"SMU\";\n\n EEPROM.get(ADDR_SCAN_INT, scanInterval);\n if (scanInterval < 5 || scanInterval > 300) scanInterval = 10;\n\n EEPROM.get(ADDR_THRESHOLD, alarmThreshold);\n if (alarmThreshold > -30 || alarmThreshold < -100) alarmThreshold = -80;\n\n EEPROM.end();\n\n Serial.println(\"Einstellungen geladen:\");\n Serial.println(\" Netzwerk 1: \" + network1);\n Serial.println(\" Netzwerk 2: \" + network2);\n Serial.println(\" Scan Intervall: \" + String(scanInterval) + \"s\");\n Serial.println(\" Alarm Schwelle: \" + String(alarmThreshold) + \"dBm\");\n}\n\nvoid saveSettings() {\n EEPROM.begin(EEPROM_SIZE);\n\n for (int i = 0; i < 32; i++) {\n EEPROM.write(ADDR_SSID1 + i, (i < network1.length()) ? network1[i] : 0);\n }\n for (int i = 0; i < 32; i++) {\n EEPROM.write(ADDR_SSID2 + i, (i < network2.length()) ? network2[i] : 0);\n }\n EEPROM.put(ADDR_SCAN_INT, scanInterval);\n EEPROM.put(ADDR_THRESHOLD, alarmThreshold);\n\n EEPROM.commit();\n EEPROM.end();\n\n Serial.println(\"Einstellungen gespeichert\");\n}\n\n\/\/ === WLAN\u2011Scan ===<\/em>\nvoid scanWifi() {\n WiFi.mode(WIFI_STA);\n WiFi.disconnect();\n delay(50);\n\n int n = WiFi.scanNetworks();\n\n rssi1 = -100; rssi2 = -100;\n found1 = false; found2 = false;\n alarmActive = false;\n\n for (int i = 0; i < n; i++) {\n String ssid = WiFi.SSID(i);\n int rssi = WiFi.RSSI(i);\n\n if (ssid == network1) {\n rssi1 = rssi;\n found1 = true;\n if (rssi <= alarmThreshold) {\n alarmActive = true;\n lastAlarmTime = getTimeString();\n }\n }\n if (ssid == network2) {\n rssi2 = rssi;\n found2 = true;\n if (rssi <= alarmThreshold) {\n alarmActive = true;\n lastAlarmTime = getTimeString();\n }\n }\n }\n WiFi.scanDelete();\n}\n\n\/\/ === Display aktualisieren ===<\/em>\nvoid updateDisplay() {\n u8g2.clearBuffer();\n\n \/\/ Kopfzeile<\/em>\n u8g2.setFont(u8g2_font_6x10_tf);\n u8g2.setCursor(0, 10);\n u8g2.print(\"WLAN SIGNAL MONITOR\");\n if (alarmActive) {\n u8g2.setCursor(100, 10);\n u8g2.print(\"ALARM!\");\n }\n u8g2.drawLine(0, 12, 128, 12);\n\n \/\/ ---- Netzwerk 1 ----<\/em>\n u8g2.setFont(u8g2_font_7x13_tf);\n u8g2.setCursor(0, 28);\n String dn1 = network1;\n if (dn1.length() > 8) dn1 = dn1.substring(0, 8) + \".\";\n u8g2.print(dn1 + \":\");\n\n int bars1 = found1 ? getSignalBars(rssi1) : 0;\n u8g2.setFont(u8g2_font_unifont_t_symbols);\n u8g2.setCursor(0, 42);\n u8g2.print(signalBars[bars1]);\n\n u8g2.setFont(u8g2_font_6x10_tf);\n u8g2.setCursor(0, 54);\n if (found1) {\n u8g2.print(getSignalQuality(rssi1));\n if (rssi1 <= alarmThreshold) {\n u8g2.drawBox(0, 55, 128, 2); \/\/ Alarm\u2011Balken<\/em>\n }\n } else {\n u8g2.print(\"NICHT GEFUNDEN\");\n }\n\n u8g2.drawLine(0, 56, 128, 56); \/\/ Trennlinie<\/em>\n\n \/\/ ---- Netzwerk 2 ----<\/em>\n u8g2.setFont(u8g2_font_7x13_tf);\n u8g2.setCursor(0, 64);\n String dn2 = network2;\n if (dn2.length() > 8) dn2 = dn2.substring(0, 8) + \".\";\n u8g2.print(dn2 + \":\");\n\n \/\/ F\u00fcr Netzwerk 2 zeigen wir nur einen kurzen Qualit\u00e4tstext (Platzmangel)<\/em>\n u8g2.setFont(u8g2_font_6x10_tf);\n u8g2.setCursor(60, 64);\n if (found2) {\n u8g2.print(getSignalQuality(rssi2));\n if (rssi2 <= alarmThreshold) {\n u8g2.drawBox(60, 65, 68, 2);\n }\n } else {\n u8g2.print(\"NICHT DA\");\n }\n\n u8g2.sendBuffer();\n}\n\n\/\/ === Web\u2011Interface (HTML) ===<\/em>\nString getWebPage() {\n String html = \"<!DOCTYPE html><html><head>\";\n html += \"<meta name='viewport' content='width=device-width, initial-scale=1'>\";\n html += \"<meta charset='UTF-8'>\";\n html += \"<title>WLAN Monitor Einstellungen<\/title>\";\n html += \"<style>\";\n html += \"body { font-family: Arial, sans-serif; margin: 20px; background: #f0f0f0; }\";\n html += \".container { max-width: 600px; margin: auto; background: white; padding: 20px; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.1); }\";\n html += \"h1 { color: #333; }\";\n html += \"h2 { color: #555; border-bottom: 2px solid #4CAF50; padding-bottom: 5px; }\";\n html += \"label { display: block; margin: 10px 0 5px; font-weight: bold; }\";\n html += \"input, select { width: 100%; padding: 8px; margin-bottom: 15px; border: 1px solid #ddd; border-radius: 4px; }\";\n html += \"button { background: #4CAF50; color: white; padding: 10px 20px; border: none; border-radius: 4px; cursor: pointer; font-size: 16px; }\";\n html += \"button:hover { background: #45a049; }\";\n html += \".status { background: #e8f5e9; padding: 10px; border-radius: 5px; margin: 10px 0; }\";\n html += \".alarm { background: #ffebee; padding: 10px; border-radius: 5px; margin: 10px 0; }\";\n html += \"<\/style>\";\n html += \"<\/head><body>\";\n html += \"<div class='container'>\";\n html += \"<h1>\ud83d\udcf6 WLAN Monitor Einstellungen<\/h1>\";\n\n \/\/ Status<\/em>\n html += \"<div class='status'>\";\n html += \"<h2>Aktueller Status<\/h2>\";\n html += \"<p><strong>\" + network1 + \":<\/strong> \";\n html += found1 ? String(rssi1) + \" dBm (\" + getSignalQuality(rssi1) + \")\" : \"Nicht gefunden\";\n html += \"<\/p>\";\n html += \"<p><strong>\" + network2 + \":<\/strong> \";\n html += found2 ? String(rssi2) + \" dBm (\" + getSignalQuality(rssi2) + \")\" : \"Nicht gefunden\";\n html += \"<\/p>\";\n html += \"<p><strong>Letzter Scan:<\/strong> Vor \" + String((millis() - lastScan) \/ 1000) + \" Sekunden<\/p>\";\n if (alarmActive) {\n html += \"<div class='alarm'>\";\n html += \"<p><strong>\u26a0\ufe0f ALARM AKTIV!<\/strong> Signal unter \" + String(alarmThreshold) + \" dBm<\/p>\";\n html += \"<p>Letzter Alarm: \" + lastAlarmTime + \"<\/p>\";\n html += \"<\/div>\";\n }\n html += \"<\/div>\";\n\n \/\/ Formular<\/em>\n html += \"<h2>Einstellungen<\/h2>\";\n html += \"<form action='\/save' method='POST'>\";\n html += \"<label for='ssid1'>Netzwerk 1 Name:<\/label>\";\n html += \"<input type='text' id='ssid1' name='ssid1' value='\" + network1 + \"' maxlength='31'>\";\n html += \"<label for='ssid2'>Netzwerk 2 Name:<\/label>\";\n html += \"<input type='text' id='ssid2' name='ssid2' value='\" + network2 + \"' maxlength='31'>\";\n html += \"<label for='interval'>Scan Intervall (Sekunden):<\/label>\";\n html += \"<input type='number' id='interval' name='interval' value='\" + String(scanInterval) + \"' min='5' max='300'>\";\n html += \"<label for='threshold'>Alarm Schwelle (dBm):<\/label>\";\n html += \"<select id='threshold' name='threshold'>\";\n String thresholds[] = {\"-70\", \"-75\", \"-80\", \"-85\", \"-90\"};\n for (String t : thresholds) {\n html += \"<option value='\" + t + \"'\";\n if (t.toInt() == alarmThreshold) html += \" selected\";\n html += \">\" + t + \" dBm<\/option>\";\n }\n html += \"<\/select>\";\n html += \"<button type='submit'>Einstellungen Speichern<\/button>\";\n html += \"<\/form>\";\n\n html += \"<h2>Steuerung<\/h2>\";\n html += \"<p><a href='\/scan'><button>Sofort Scannen<\/button><\/a><\/p>\";\n html += \"<p><a href='\/reboot'><button>Neustart<\/button><\/a><\/p>\";\n\n html += \"<h2>System Info<\/h2>\";\n html += \"<p>IP Adresse: \" + WiFi.softAPIP().toString() + \"<\/p>\";\n html += \"<p>ESP8266 Chip ID: \" + String(ESP.getChipId()) + \"<\/p>\";\n html += \"<p>Free Heap: \" + String(ESP.getFreeHeap()) + \" Bytes<\/p>\";\n\n html += \"<\/div><\/body><\/html>\";\n return html;\n}\n\n\/\/ === Webserver\u2011Handler ===<\/em>\nvoid handleRoot() { server.send(200, \"text\/html\", getWebPage()); }\n\nvoid handleSave() {\n if (server.hasArg(\"ssid1\")) network1 = server.arg(\"ssid1\");\n if (server.hasArg(\"ssid2\")) network2 = server.arg(\"ssid2\");\n if (server.hasArg(\"interval\")) scanInterval = server.arg(\"interval\").toInt();\n if (server.hasArg(\"threshold\")) alarmThreshold = server.arg(\"threshold\").toInt();\n saveSettings();\n\n String html = \"<!DOCTYPE html><html><head><meta http-equiv='refresh' content='3;url=\/'>\";\n html += \"<title>Einstellungen gespeichert<\/title><\/head><body>\";\n html += \"<h1>\u2705 Einstellungen gespeichert!<\/h1><p>Weiterleitung in 3 Sekunden...<\/p><\/body><\/html>\";\n server.send(200, \"text\/html\", html);\n}\n\nvoid handleScan() {\n scanWifi();\n server.sendHeader(\"Location\", \"\/\");\n server.send(302, \"text\/plain\", \"Scan gestartet\");\n}\n\nvoid handleReboot() {\n server.send(200, \"text\/html\", \"<h1>Neustart...<\/h1>\");\n delay(1000);\n ESP.restart();\n}\n\n\/\/ === Setup und Loop ===<\/em>\nvoid setup() {\n Serial.begin(115200);\n Serial.println(\"\\n=== WLAN Monitor mit Webinterface ===\");\n\n u8g2.begin();\n u8g2.clearBuffer();\n u8g2.setFont(u8g2_font_10x20_tf);\n u8g2.setCursor(10, 30);\n u8g2.print(\"WLAN\");\n u8g2.setCursor(10, 55);\n u8g2.print(\"MONITOR\");\n u8g2.sendBuffer();\n delay(2000);\n\n loadSettings();\n\n WiFi.mode(WIFI_AP);\n String apName = \"WLAN-Monitor-\" + String(ESP.getChipId());\n WiFi.softAP(apName.c_str());\n Serial.println(\"Access Point gestartet: SSID = \" + apName + \", IP = \" + WiFi.softAPIP().toString());\n\n server.on(\"\/\", handleRoot);\n server.on(\"\/save\", handleSave);\n server.on(\"\/scan\", handleScan);\n server.on(\"\/reboot\", handleReboot);\n server.begin();\n\n scanWifi();\n updateDisplay();\n lastScan = millis();\n\n Serial.println(\"Web Server bereit unter \" + WiFi.softAPIP().toString());\n}\n\nvoid loop() {\n server.handleClient();\n\n unsigned long now = millis();\n if (now - lastScan >= scanInterval * 1000UL) {\n scanWifi();\n updateDisplay();\n lastScan = now;\n\n Serial.print(\"Scan: \");\n Serial.print(network1 + \": \" + (found1 ? String(rssi1) + \"dBm\" : \"nicht da\"));\n Serial.print(\" | \" + network2 + \": \" + (found2 ? String(rssi2) + \"dBm\" : \"nicht da\"));\n if (alarmActive) Serial.println(\" \u26a0\ufe0f ALARM!\");\n else Serial.println();\n }\n delay(100);\n}<\/pre>\n\n\n\n
\n\n\n\nAnpassungsm\u00f6glichkeiten und Erweiterungen<\/h3>\n\n\n\n
Der Code ist bewusst modular gehalten, sodass er leicht erweitert werden kann:<\/p>\n\n\n\n
\n
- Mehr als zwei Netzwerke<\/strong>\u00a0\u2013 durch einfaches Erweitern der Arrays und der Scan\u2011Logik lassen sich beliebig viele SSIDs \u00fcberwachen.<\/li>\n\n\n\n
- Alarm\u2011Ausgabe<\/strong>\u00a0\u2013 statt nur einer Display\u2011Meldung kann ein GPIO\u2011Pin angesteuert werden, um eine LED oder einen Summer zu schalten (z.\u202fB.\u00a0
digitalWrite(ALARM_PIN, HIGH)<\/code>).<\/li>\n\n\n\n- Datenprotokollierung<\/strong>\u00a0\u2013 mit einer SD\u2011Karte oder \u00fcber MQTT k\u00f6nnen die Messwerte langfristig gespeichert und analysiert werden.<\/li>\n\n\n\n
- Energiesparmodus<\/strong>\u00a0\u2013 bei batteriebetriebenem Einsatz kann der ESP zwischen den Scans in den Deep\u2011Sleep versetzt werden.<\/li>\n\n\n\n
- Visuelles Feedback<\/strong>\u00a0\u2013 das Display l\u00e4sst sich durch Animationen oder Farbwechsel (bei farbigen Displays) noch aufwerten.<\/li>\n<\/ul>\n\n\n\n
Der komplette Quellcode ist auch auf Plattformen wie GitHub verf\u00fcgbar, wo die Community st\u00e4ndig neue Features beisteuert.<\/p>\n\n\n\n
\n\n\n\nFazit zum praktischen Teil<\/h3>\n\n\n\n
Dieser praxisnahe WLAN\u2011Monitor zeigt, wie einfach es heute ist, mit wenig Aufwand und geringen Kosten eine professionelle Signal\u00fcberwachung aufzubauen. Die Kombination aus ESP8266, OLED und Webserver er\u00f6ffnet eine F\u00fclle von Einsatzm\u00f6glichkeiten \u2013 sei es im privaten Heimnetz, im B\u00fcro oder in der industriellen Vorfertigung. Der mitgelieferte Code ist nicht nur funktionsf\u00e4hig, sondern auch eine hervorragende Basis f\u00fcr eigene Experimente und Weiterentwicklungen. Wer die Grundlagen verstanden hat, kann das System schnell an seine individuellen Anforderungen anpassen und so zum echten WLAN\u2011Profi werden.<\/p>\n\n\n\n
\n\n\n\nQuellen (erg\u00e4nzt)<\/h2>\n\n\n\n
\n
- Arduino\u2011Bibliothek\u00a0U8g2<\/em>\u00a0\u2013 Dokumentation und Beispiele:\u00a0https:\/\/github.com\/olikraus\/u8g2<\/a><\/li>\n\n\n\n
- ESP8266\u2011WLAN\u2011Bibliothek \u2013 offizielle ESP8266\u2011Kern\u2011Dokumentation:\u00a0https:\/\/arduino-esp8266.readthedocs.io\/<\/a><\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"
Die Theorie ist das eine, die Praxis das andere. Um das Gelesene greifbar zu machen, zeigt dieser Abschnitt den vollst\u00e4ndigen Quellcode eines funktionsf\u00e4higen WLAN-Monitors. Das System basiert auf einem ESP8266, einem kosteng\u00fcnstigen Mikrocontroller mit integriertem WLAN-Modul, und einem 128\u00d764\u2011Pixel\u2011OLED\u2011Display (I2C\u2011SSD1306). Es scannt periodisch zwei konfigurierbare WLAN\u2011Netzwerke, zeigt die Signalst\u00e4rke in Balken und Text an, l\u00f6st […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[42,18,26,37],"tags":[9649,9645,2237,3406,9647,5078,9644,9648,9646,7819],"class_list":["post-6560","post","type-post","status-publish","format-standard","hentry","category-elektrotechnik","category-im-kopf-methoden-werkzeuge","category-mit-den-handen","category-wissenspeicher","tag-arduino-code","tag-dbm","tag-esp8266","tag-iot","tag-netzwerkdiagnose","tag-oled-display","tag-rssi","tag-signalueberwachung","tag-wlan-monitor","tag-wlan-signalstarke"],"_links":{"self":[{"href":"https:\/\/technodidact.de\/en\/wp-json\/wp\/v2\/posts\/6560","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/technodidact.de\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/technodidact.de\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/technodidact.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/technodidact.de\/en\/wp-json\/wp\/v2\/comments?post=6560"}],"version-history":[{"count":1,"href":"https:\/\/technodidact.de\/en\/wp-json\/wp\/v2\/posts\/6560\/revisions"}],"predecessor-version":[{"id":6561,"href":"https:\/\/technodidact.de\/en\/wp-json\/wp\/v2\/posts\/6560\/revisions\/6561"}],"wp:attachment":[{"href":"https:\/\/technodidact.de\/en\/wp-json\/wp\/v2\/media?parent=6560"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/technodidact.de\/en\/wp-json\/wp\/v2\/categories?post=6560"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/technodidact.de\/en\/wp-json\/wp\/v2\/tags?post=6560"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}