Das Olimex PoE für ESP32 mit iOS verbinden: Eine Schritt-für-Schritt-Anleitung für Ihr Projekt

void setup() { Serial.begin(115200); WiFi.begin(ssid, password); // Verbinden mit dem WLAN while (WiFi.status() != WL_CONNECTED) { delay(500); Serial.print("."); } Serial.println(""); Serial.println("WiFi verbunden"); Serial.println("IP Adresse: "); Serial.println(WiFi.localIP()); // MDNS Setup if (!MDNS.begin("esp32-poe")) { // Ersetze "esp32-poe" mit einem Namen deiner Wahl Serial.println("Fehler beim Einrichten von MDNS"); } Serial.println("MDNS initialisiert"); server.on("/", handleRoot); server.onNotFound(handleNotFound); server.begin(); Serial.println("Webserver gestartet"); MDNS.addService("http", "tcp", 80); // Füge den HTTP-Dienst hinzu } void loop() { server.handleClient(); MDNS.update(); } ```

Erklärungen zum Code:

• WiFi.h und WebServer.h sind Bibliotheken für die WLAN-Verbindung und den Webserver.
• Du musst DEIN_WLAN_SSID und DEIN_WLAN_PASSWORT durch die Zugangsdaten deines WLAN-Netzwerks ersetzen.
• Der handleRoot() Funktion sendet die Nachricht „Hallo von deinem Olimex ESP32!” an den Client.
• MDNS.begin("esp32-poe") startet den Bonjour/mDNS-Dienst unter dem Namen „esp32-poe”. Diesen Namen verwenden wir später in der iOS-App, um den ESP32 zu finden. Ändere „esp32-poe” in einen eindeutigen Namen, falls du mehrere ESP32s im Netzwerk hast.
• MDNS.addService("http", "tcp", 80) kündigt den HTTP-Dienst auf Port 80 an.

Lade diesen Code auf dein Olimex ESP32-Board hoch. Vergiss nicht, den richtigen Port in der Arduino IDE auszuwählen.

Schritt 3: Einrichten von Xcode und der iOS-App

Jetzt kommt der iOS-Teil. Öffne Xcode auf deinem Mac und erstelle ein neues Projekt.

1. Neues Projekt erstellen: Wähle „App” als Vorlage und klicke auf „Weiter”. Gib deinem Projekt einen Namen (z.B. „ESP32Communicator”) und wähle Swift als Sprache aus.
2. Benutzeroberfläche gestalten: Füge ein Label (UILabel) und einen Button (UIButton) zur Benutzeroberfläche hinzu. Das Label soll die Nachricht vom ESP32 anzeigen, und der Button soll die Verbindung auslösen.
3. Bonjour-Unterstützung hinzufügen: Wir verwenden Bonjour/mDNS, um den ESP32 automatisch im lokalen Netzwerk zu finden. Importiere die notwendigen Frameworks.

Hier ist der Swift-Code für die iOS-App:

„`swift
import UIKit
import Network

class ViewController: UIViewController {

@IBOutlet weak var messageLabel: UILabel!
@IBOutlet weak var connectButton: UIButton!

let serviceType = „_http._tcp.” // Wichtig: Muss mit dem MDNS-Dienst auf dem ESP32 übereinstimmen
let serviceName = „esp32-poe” // Wichtig: Muss mit dem MDNS-Namen auf dem ESP32 übereinstimmen

var browser: NWBrowser?
var connection: NWConnection?

override func viewDidLoad() {
super.viewDidLoad()
messageLabel.text = „Nicht verbunden”
}

@IBAction func connectButtonTapped(_ sender: UIButton) {
startBrowsing()
}

func startBrowsing() {
let parameters = NWParameters()
parameters.allowLocalEndpointReuse = true
parameters.includePeerToPeer = true

browser = NWBrowser(for: .bonjour(type: serviceType, domain: nil), using: parameters)

browser?.stateUpdateHandler = { newState in
switch newState {
case .ready:
print(„Browser bereit”)
case .failed(let error):
print(„Browser Fehler: (error)”)
case .cancelled:
print(„Browser abgebrochen”)
default:
break
}
}

browser?.browseResultsChangedHandler = { results, changes in
for result in results {
if case NWBrowser.Result.service(let name, let type, let domain, let interface) = result {
if name == self.serviceName {
print(„Gefundenen Dienst: (name)”)
self.connect(to: result)
self.browser?.cancel() //Browser stoppen, nachdem der Dienst gefunden wurde
return
}
}
}
print(„Kein passender Dienst gefunden”)
}

browser?.start(queue: .main)
}

func connect(to result: NWBrowser.Result) {
let connection = NWConnection(to: result.endpoint, using: .tcp)

connection.stateUpdateHandler = { newState in
switch newState {
case .ready:
print(„Verbindung hergestellt”)
self.receive(on: connection)
case .failed(let error):
print(„Verbindungsfehler: (error)”)
self.messageLabel.text = „Verbindungsfehler”
case .waiting(let error):
print(„Warte auf Verbindung: (error)”)

default:
break
}
}

connection.start(queue: .main)
self.connection = connection
}

func receive(on connection: NWConnection) {
connection.receive(minimumIncompleteLength: 1, maximumLength: 65536) { (content, context, isComplete, error) in
if let content = content {
let message = String(data: content, encoding: .utf8) ?? „Fehler beim Empfangen der Daten”
DispatchQueue.main.async {
self.messageLabel.text = message
}
}

if isComplete {
connection.cancel()
} else if let error = error {
print(„Empfangsfehler: (error)”)
self.messageLabel.text = „Empfangsfehler”
connection.cancel()
} else {
self.receive(on: connection) // Weiterhin Daten empfangen
}
}
}

deinit {
connection?.cancel()
browser?.cancel()
}
}
„`

Erklärungen zum Code:

• serviceType muss mit dem in MDNS.addService im ESP32-Code verwendeten Diensttyp übereinstimmen (_http._tcp.).
• serviceName muss mit dem in MDNS.begin im ESP32-Code verwendeten Namen übereinstimmen (esp32-poe).
• Die startBrowsing() Funktion startet den Bonjour-Browser und sucht nach Diensten im Netzwerk.
• Die connect(to:) Funktion stellt eine TCP-Verbindung zum gefundenen ESP32 her.
• Die receive(on:) Funktion empfängt Daten vom ESP32 und zeigt sie im Label an.

Verbinde dein iOS-Gerät mit demselben WLAN-Netzwerk wie dein ESP32. Starte die App und klicke auf den „Connect”-Button. Wenn alles richtig konfiguriert ist, sollte das Label in deiner App die Nachricht „Hallo von deinem Olimex ESP32!” anzeigen.

Schritt 4: PoE-Verbindung testen

Verbinde dein Olimex ESP32-PoE-Board mit einem PoE-fähigen Switch oder Injektor. Stelle sicher, dass der Switch/Injektor mit Strom versorgt wird. Das ESP32-Board sollte nun über das Ethernet-Kabel mit Strom versorgt werden und sich mit dem WLAN verbinden (wenn du das WLAN eingerichtet hast). Überprüfe die serielle Ausgabe des ESP32, um sicherzustellen, dass es sich erfolgreich mit dem WLAN verbunden hat.

Fehlerbehebung

• ESP32 verbindet sich nicht mit WLAN: Überprüfe deine WLAN-Zugangsdaten im ESP32-Code. Stelle sicher, dass dein WLAN-Netzwerk aktiv ist.
• iOS-App findet den ESP32 nicht: Überprüfe, ob serviceType und serviceName in der iOS-App mit denen im ESP32-Code übereinstimmen. Stelle sicher, dass sowohl das iOS-Gerät als auch der ESP32 sich im selben WLAN-Netzwerk befinden. Manchmal hilft ein Neustart des ESP32 und des iOS-Geräts.
• Keine Daten werden empfangen: Überprüfe die Firewall-Einstellungen auf deinem Mac und deinem Router. Stelle sicher, dass der Port 80 (oder der von dir verwendete Port) nicht blockiert wird.

Weiterführende Projekte

Nachdem du erfolgreich eine Verbindung zwischen deinem Olimex ESP32-PoE und deinem iOS-Gerät hergestellt hast, kannst du mit komplexeren Projekten experimentieren:

• Hausautomatisierung: Steuere Lichter, Heizungen oder andere Geräte über deine iOS-App.
• Sensorüberwachung: Sammle Daten von Sensoren (z.B. Temperatur, Luftfeuchtigkeit) und zeige sie in deiner iOS-App an.
• Industrielle Anwendungen: Überwache Maschinen oder Prozesse in einer industriellen Umgebung über ein robustes PoE-Netzwerk.

Mit dem Olimex PoE-ESP32 und einem iOS-Gerät stehen dir viele spannende Möglichkeiten offen. Viel Spaß beim Experimentieren!