Ferngesteuerte RGB-Desktopleuchten - Gunook

2025 Autor: John Day | [email protected]. Zuletzt bearbeitet: 2025-01-23 12:52

Dieses Projekt demonstriert die Verwendung von Firebase als Server zum Steuern und Manipulieren der LED-Leuchten entlang der Rückseite meines Tisches

Lieferungen

• ESP8266.
• LED-Streifen WS2812B.
• Netzteil mit mindestens 10W@5V Nennleistung.
• Eine App zur Steuerung der LED-Streifen.

Schritt 1: Holen Sie sich die Streifen an die richtige Stelle

Als erstes müssen die LED-Streifen angebracht werden

Ich wähle meinen langweiligen alten Computertisch für dieses Projekt, also habe ich einige Klebebänder verwendet und meine WS2812b-LED-Streifen entlang der Rückseite befestigt und die VCC-, GND- und DATA-Leitungen mit ein paar Drähten verbunden, wie in den Bildern gezeigt

Schritt 2: Machen Sie die kleinen Verbindungen

Schließen Sie das Netzteil an den ESP8266 an [Hinweis* - Ich habe eine Platine verwendet, die ich für die Hausautomation verwendet habe, aber wir brauchen nur den ESP8266]

Verbinden Sie wie folgt:

• D5 (Pin 14) -> Daten-Pin des LED-Streifens
• Verbinden Sie den GND-Pin von ESP8266, Netzteil, LED-Streifen.

Das ist für die Hardware, jetzt können wir in das Codierboard einsteigen.

Schritt 3: Firebase-Regeln und Datenbankschema

Das Datenbankschema ist einfach.

• (Benutzer)

  • Neopixel

    • 0

      {r:12, g:220, b:120}

    • 1

      {r:112, g:150, b:200}

  • Zeichen

    • öffentlich: {Token}
    • privat: {Token}

Dieses Schema stellt eine einfache Struktur dar, eine Liste von LED-Werten

Token-Abschnitte stellen ein einfaches Authentifizierungssystem dar, bei dem der öffentliche und der private Abschnitt bei Authentifizierung übereinstimmen.

Schritt 4: Code für das Setup

Der Code ist ziemlich selbsterklärend.

1. Fügen Sie die erforderlichen Bibliotheken hinzu.
2. Authentifizierungstoken der Datenbank einrichten
3. Geben Sie WLAN-Anmeldeinformationen an
4. Richten Sie den Firebase-Stream auf Neopixel-Änderungen ein und hören Sie auf Änderungen in den Daten, die von der Clientseite ausgelöst werden.
5. Überprüfen Sie in der Schleife weiterhin die Ereignisse und senden Sie die eingehenden Daten an die Hilfsfunktionen.

• Die Hilfsfunktion nimmt die Daten und prüft, ob das Neopixel-Update ausgelöst wurde für:

  • Eine einzelne LED
  • Eine Reihe von LED-Nummern
  • Alle LEDs.

Schritt 5: Die Autoroom-App

Ich habe eine App namens "Autoroom" in Flutter mit der Dart-Programmiersprache erstellt, die die LED-Lichter steuert.

Hier sind Beispielergebnisse dazu.

1. Melden Sie sich zuerst mit den Zugangsdaten an, in meinem Fall (xritzx)
2. Wählen Sie die Farbe und den Bereich aus und klicken Sie auf Aktualisieren.
3. Oder färben Sie den gesamten Bereich ein, indem Sie -1 auswählen.