In diesem Beitrag zeige ich euch, wie ihr unkompliziert über das Internet die wesentlichen BlueBattery-Daten auf eurem Smartphone anzeigen könnt. Ihr benötigt dazu ein WLAN mit Internetzugang (z. B. einen Mobilfunkrouter, einen Hotspot auf dem Campingplatz oder das WLAN zuhause) sowie das BB-Display. Zur Anzeige der Daten auf dem Handy (Android und iOS) verwenden wir die kostenlose App “IoT MQTT Panel”.

Zutaten:
BlueBattery Gerät
BB-Display Gerät
WLAN für den Internetzugang
Smartphone
IoT MQTT Panel App (kostenfrei für iOS oder Android)
BB-Display empfängt dabei die Daten des BlueBattery über Bluetooth und reicht diese Daten dann über WLAN an einen MQTT Server im Internet weiter. Die App auf dem Smartphone holt die Daten von diesem Server und zeigt das übersichtlich auf einem Armaturenbrett (Dashboard, Panel) an.
Einrichtung:
Am BB-Display geben wir die Zugangsdaten für das WLAN (Name/SSID und Passwort) ein. Diese Daten verbleiben im BB-Display und gelangen nicht über MQTT nach außen.
Als nächstes richten wir den Zugang zu einem frei verfügbaren MQTT-Server ein. Der Testserver der Eclipse Foundation bietet sich dafür an:
MQTT-Server: test.mosquitto.org
Port: 1883
Topic: BlueBattery/CH (siehe unten)
Client-ID: Leer lassen!
Der Topic kann frei gewählt werden und sollte für deinen Gebrauch einzigartig sein. Ein Vorschlag wäre hier “BlueBattery/DE/meinZugriffsname”. Topics werden bei MQTT wie Verzeichnisse mit “/” abgetrennt. Keine weiteren Einstellungen sind hier nötig. Da dies ein öffentlicher Server ist, sollte bei der Benutzung darauf geachtet werden. Da wir hier keine Steuerung oder sensible Daten bereitstellen, sehe ich hier kein Risiko.
Damit ist die Einrichtung seitens BB-Display abgeschlossen. Bei erfolgreicher Einrichtung zeigt BB-Display auf der Einrichtungsseite die notwendigen Topics für die Konfiguration in der Handy App an:
BB-Display Topic: BB-D_xxxxxxxxxxxx (Dein Display)
BlueBattery: BB_xxxxxx (Dein BlueBattery Gerät)
Die Handy-App “IoT MQTT Panel” kann im Hauptmenü oben links unter “Backup and Restore” die vorgefertigte JSON-Datei über “Restore” laden:

Link zur Restore-Datei:
Unter "All Connections" dann nochmal prüfen, ob der MQTT Server richtig eingetragen ist:

Jetzt erscheinen 2 Dashboards (unterer Bildrand):

Die Dashboards zeigen zunächst auf meinen Test-Aufbau. Jetzt müssen wir sie noch auf deine Einstellungen anpassen:

Im grün markierten Eintrag “Dashboard Prefix Topic” gib deine Angaben und das Display an. Vergiss nicht, am Ende des Eintrags ein “/” hinzuzufügen. Jetzt sollte bereits die Anzeige der Temperaturdaten des BB-Displays erscheinen.
Das gleiche noch für dein BlueBattery Gerät in dem BlueBattery Dashboard anpassen:

Danach sollten beide Panels online mit deinen Geräten online sein:


Die jeweils neueste Firmware des BB-Display findest du auf der Produktseite unter Installationsanleitung/Downloads.
Viel Erfolg!
☀️Kai
Seid ich das versucht habe, komme ich nicht mehr ins WLAN des Displays, ich vermute irgendwas falsch gemacht zu haben. Was kann ich tun?