Eigenständiges Mobile App Dashboard

Sie können ein dediziertes "App-ähnliches" Erlebnis auf einem mobilen Gerät erstellen, indem Sie ein spezielles Dashboard für die Dreame Vacuum Card einrichten und es direkt mit einem eigenen App-Symbol auf dem Startbildschirm des Telefons hinzufügen.

Schritt 1: Neues Dashboard erstellen

Um die Dinge organisiert und im Vollbild zu halten, wird dringend empfohlen, ein komplett separates Dashboard speziell für den Staubsauger zu erstellen.

1. In Home Assistant wird das Einstellungen > Dashboards-Menü aufgerufen.
2. Der Dashboard hinzufügen-Button unten rechts wird geklickt.
3. Neues Dashboard von Grund auf wird ausgewählt.
4. Ein Titel, wie „L10s Gen2“, ein Symbol, wie mdi:robot-vacuum, und eine URL, wie l10s-gen2, werden angegeben.
5. Optional: Dieses Dashboard kann im Seitenmenü hinzugefügt oder verborgen bleiben, da es direkt vom Startbildschirm des Telefons gestartet wird.
6. Erstellen wird geklickt.

Schritt 2: Panel-Ansicht einrichten

Eine „Panel“-Ansicht zwingt eine einzelne Karte, sich über den gesamten Bildschirm zu erstrecken, was perfekt für diese hochdetaillierte Kartenkarte ist.

1. Das neu erstellte Dashboard wird geöffnet.
2. Das Dashboard bearbeiten ()-Symbol oben rechts wird angeklickt.
3. Modern Home Assistant erstellt zunächst eine sections-Typ-Ansicht, die nicht in ein Panel konvertiert werden kann. Das Bearbeiten ()-Symbol neben dem Standard-Tab wird angeklickt, Ansicht löschen wird aus dem Dialog ausgewählt, und die Entfernung wird bestätigt.
4. Das Ansicht hinzufügen ()-Symbol neben den Dashboard-Ansicht-Tabs oben wird angeklickt.
5. Im Dialogfeld "Ansicht hinzufügen" wird unter dem Layout-Dropdown Panel, die Einzelkartenoption, ausgewählt.
6. Speichern wird angeklickt.
7. Der Karte hinzufügen ()-Button unten rechts wird angeklickt.
8. Im Karten-Auswahlmenü wird nach Custom: Dreame Vacuum Card gesucht und diese ausgewählt.
9. Im Karten-Editor wird das Dreame Vacuum Entity, wie z. B. vacuum.l10s_gen2, ausgewählt. Ein optionaler benutzerdefinierter Titel für die Karte kann angegeben werden, und detailliertere mobil-spezifische Konfigurationen können durch Bezugnahme auf den Grundkonfiguration-Abschnitt eingerichtet werden.
10. Speichern wird angeklickt, um die Karte zum Dashboard hinzuzufügen.

Schritt 3: Kopfzeile und Seitenleiste ausblenden (Kiosk-Modus)

Hinweis

Dieser Schritt ist völlig optional, aber absolut notwendig, um ein nativer App-ähnliches Erlebnis zu erzielen.

Damit es wie eine echte eigenständige App aussieht, müssen die Home Assistant-Top-Leiste und das Seitennavigationsmenü ausgeblendet werden.

Da das ursprüngliche Kioskmodus-Plugin archiviert wurde, pflegt die Community eine aktiv unterstützte Fork. Die Verwendung der NemesisRE/kiosk-modus-Integration wird dringend empfohlen.

Installation über HACS

1. Der Abschnitt HACS > Frontend wird aufgerufen.
2. Das Overflow-Menü () oben rechts wird angeklickt und Benutzerdefinierte Repositories ausgewählt.
3. https://github.com/NemesisRE/kiosk-mode wird mit der Kategorie Lovelace hinzugefügt.
4. Download wird angeklickt, um die Integration zu installieren.
5. Der Browser wird bei Aufforderung neu geladen.

Konfiguration

Nach der Installation kann die Roh-Dashboard-Konfiguration bearbeitet werden, um die UI-Elemente vollständig zu verbergen.

1. Das neu erstellte Dashboard wird geöffnet.
2. Das Dashboard bearbeiten ()-Symbol oben rechts wird angeklickt.
3. Das -Symbol oben rechts wird angeklickt und Roh-Konfigurationseditor ausgewählt.
4. Die folgenden Zeilen werden ganz oben in der Konfiguration hinzugefügt:

kiosk_mode:
  kiosk: true

Tipp

Sobald die Kopfzeile ausgeblendet ist, wird die Schaltfläche Bearbeiten nicht mehr sichtbar sein. Falls die Kartenkonfiguration bearbeitet werden muss, kann ?edit=1 einfach an das Ende der Dashboard-URL im Webbrowser angehängt werden, zum Beispiel http://homeassistant.local:8123/l10s-gen2?edit=1.

Schritt 4: Zum Startbildschirm des Mobilgeräts hinzufügen

Sobald das vollbildfähige, kopfzeilenfreie Dashboard fertig ist, kann es als spezieller Startbildschirm-Schnellzugriff auf dem Mobilgerät hinzugefügt werden. Durch Starten dieses Schnellzugriffs wird sofort das vollbildfähige Dreame Vacuum-Bedienfeld geöffnet, das die normale Home Assistant-Oberfläche vollständig umgeht, mit sofortiger Ladegeschwindigkeit. Die Zurück-Taste funktioniert genau wie in der offiziellen App und kann verwendet werden, um zurück zu navigieren oder Einstellungen und Dialoge zu schließen.

Android

Die offizielle Home Assistant Companion App muss aus dem Google Play Store heruntergeladen werden.

1. Die Home Assistant Companion App wird auf dem Mobilgerät geöffnet.
2. Für Benutzer zum ersten Mal wird die Ersteinrichtung durch Eingabe der Home Assistant-Server-URL und Anmeldung mit den entsprechenden Zugangsdaten abgeschlossen. Die App muss vollständig laden, bis das normale Dashboard sichtbar ist.
3. Das Seitenmenü wird geöffnet und Einstellungen > Begleit-App wird aufgerufen.
4. Der Shortcuts (Shortcuts verwalten)-Abschnitt wird gefunden.
5. Aus der Liste der verfügbaren Shortcut-Slots wird ein ungenutzter Slot ausgewählt, wie zum Beispiel Shortcut 1.
6. Die Shortcut-Details werden konfiguriert:
   • Label: Ein Name für den Shortcut auf dem Startbildschirm, wie "L10s Gen2", wird angegeben.
   • Beschreibung: Eine optionale Beschreibung kann eingegeben werden.
   • Server: Der aktive Home Assistant-Server wird ausgewählt.
   • Shortcut-Typ: Dashboard wird aus den verfügbaren Optionen gewählt.
   • Dashboard: Der genaue URL-Pfad zum neu erstellten Dashboard, wie /l10s-gen2, wird eingegeben.
   • Symbol: Ein geeignetes Symbol, wie mdi:robot-vacuum, wird ausgewählt.
7. Die Schaltfläche Verknüpfung hinzufügen wird angetippt.
8. Das Gerät könnte zur Bestätigung auffordern, um die Verknüpfung hinzuzufügen.
9. Die Companion-App wird vollständig beendet, und die neu erstellte "L10s Gen2"-Verknüpfung auf dem Startbildschirm wird angetippt.

Hinweis

Für weitere Details zur Verwaltung von Android-Verknüpfungen, siehe die offizielle Home Assistant Companion App Android Verknüpfungen Dokumentation.

iOS

Die offizielle Home Assistant Companion App muss aus dem Apple App Store heruntergeladen werden. Auf iOS-Geräten wird die integrierte Apple Verknüpfungen-App zusammen mit den Home Assistant URL-Schemata verwendet, um das Symbol auf dem Startbildschirm zu erstellen.

1. Die Verknüpfungen-App wird auf dem iPhone oder iPad geöffnet.
2. Die Neue Verknüpfung ()-Schaltfläche in der oberen rechten Ecke wird angetippt.
3. Aktion hinzufügen wird ausgewählt, und URLs öffnen wird gesucht und gewählt.
4. Die Deep-Link-URL für das Dashboard wird in die Aktion eingegeben. Sie muss mit homeassistant://navigate beginnen, gefolgt vom Dashboard-Pfad, wie homeassistant://navigate/l10s-gen2.
5. Der Name der Verknüpfung wird festgelegt, indem oben auf den Abwärtspfeil getippt und Umbenennen ausgewählt wird, dann ein Name wie "L10s Gen2" eingegeben wird.
6. Das Symbol kann über dasselbe Menü angepasst werden, indem Symbol auswählen gewählt wird.
7. Auf das Teilen-Symbol wird getippt und Zum Home-Bildschirm hinzufügen ausgewählt.
8. Hinzufügen wird getippt, um zu bestätigen.
9. Die neu erstellte "L10s Gen2"-Verknüpfung auf dem Home-Bildschirm wird angetippt.

Hinweis

Für weitere Details zu iOS-URL-Schemata siehe die offizielle Dokumentation des Home Assistant URL-Handlers.