Tauler d'aplicació mòbil independent

Podeu crear una experiència dedicada semblant a una 'app' en un dispositiu mòbil configurant un tauler específic per a la Targeta d'Aspiradora Dreame i afegint-lo directament a la pantalla d'inici del telèfon amb la seva pròpia icona d'aplicació.

Pas 1: Crear un nou tauler

Per mantenir les coses organitzades i a pantalla completa, es recomana molt crear un tauler completament separat específicament per a l'aspiradora.

1. A Home Assistant, s'accedeix al menú Configuració > Taulers.
2. Es fa clic al botó Afegeix Tauler a la part inferior dreta.
3. S'ha seleccionat Nou tauler des de zero.
4. Es proporciona un Títol, com ara 'L10s Gen2', una Icona, com ara mdi:robot-vacuum, i un URL, com ara l10s-gen2.
5. Opcional: Aquest tauler es pot afegir al menú lateral o mantenir-lo ocult, ja que s'iniciarà directament des de la pantalla d'inici del telèfon.
6. Es fa clic a Crea.

Pas 2: Configurar una vista de panell

Una vista "Panel" obliga una sola targeta a estirar-se per tota la pantalla, cosa que és perfecta per a aquesta targeta de mapa molt detallada.

1. S'obre el tauler creat recentment.
2. Es fa clic a la icona Edita Taulell () a la part superior dreta.
3. Modern Home Assistant crea inicialment una vista de tipus sections, que no es pot convertir en un Panel. Es fa clic a la icona Edita () al costat de la pestanya per defecte, es selecciona Suprimeix Vista des del diàleg i es confirma l'eliminació.
4. Es fa clic a la icona Afegeix Vista () situada al costat de les pestanyes de la vista del tauler a la part superior.
5. Al diàleg "Afegeix Vista", Panell, s'opta per l'opció de carta única al menú desplegable Disseny.
6. Es fa clic a Desa.
7. Es fa clic al botó Afegeix Targeta () a la part inferior dreta.
8. Al selector de targetes, es busca i selecciona Personalitzat: Targeta de l’Aspiradora Dreame.
9. A l'editor de targetes, es selecciona l'Entitat del Dreame Vacuum, com ara vacuum.l10s_gen2. Es pot proporcionar un Títol opcional per a la targeta, i es poden configurar configuracions més detallades específiques per a mòbils consultant la secció Configuració bàsica.
10. S'ha de fer clic a Desa per afegir la targeta al tauler.

Pas 3: Amagar l'Encapçalament i la Barra Lateral (Mode Kiosk)

Nota

Aquest pas és completament opcional, però és una necessitat absoluta per aconseguir una experiència semblant a una aplicació nativa.

Per fer que sembli una aplicació independent real, cal amagar l'encapçalament superior i el menú lateral de Home Assistant.

Ja que el plugin de mode quiosc original va ser arxivat, la comunitat manté un fork activament suportat. Es recomana molt utilitzar la integració NemesisRE/mode-kiosk.

Instal·lació via HACS

1. S'accedeix a la secció HACS > Frontend.
2. Es fa clic al Menú desplegable () a la part superior dreta i es selecciona Repositoris personalitzats.
3. S'afegeix https://github.com/NemesisRE/kiosk-mode amb la categoria establerta a Lovelace.
4. Es fa clic a Descarregar per instal·lar la integració.
5. Es recarrega el navegador si se sol·licita.

Configuració

Un cop instal·lat, es pot editar la configuració bruta del tauler per amagar completament els elements de la interfície.

1. S'obre el tauler creat recentment.
2. Es fa clic a la icona Edita Taulell () a la part superior dreta.
3. Es fa clic a la icona a la part superior dreta i es selecciona Editor de configuració bruta.
4. Les línies següents s'afegeixen a la part superior de la configuració:

kiosk_mode:
  kiosk: true

Consell

Un cop l'encapçalament estigui ocult, el botó Edita ja no serà visible. Si cal editar la configuració de la targeta, es pot afegir simplement ?edit=1 al final de l'URL del taulell de control al navegador web, com per exemple http://homeassistant.local:8123/l10s-gen2?edit=1.

Pas 4: Afegir a la pantalla d'inici del dispositiu mòbil

Un cop el taulell de control de pantalla completa i sense encapçalament estigui llest, es pot afegir al dispositiu mòbil com un accés directe dedicat a la pantalla d'inici. Llançar aquest accés directe obre instantàniament el panell de control de la Dreame Vacuum a pantalla completa, evitant completament la interfície normal de Home Assistant, amb càrrega instantània. El botó enrere funcionarà exactament com ho faria a l'App oficial i es pot utilitzar per tornar enrere o tancar configuracions i diàlegs.

Android

Cal descarregar l'App de company Home Assistant oficial des de Google Play Store.

1. L'App de company Home Assistant s'obre al dispositiu mòbil.
2. Per als usuaris per primera vegada, la configuració inicial es completa introduint la URL del servidor de Home Assistant i iniciant sessió amb les credencials adequades. L'aplicació s'ha de carregar completament fins que el panell normal sigui visible.
3. S'obre el menú lateral i s'accedeix a Configuració > Aplicació acompanyant.
4. Es localitza la secció Dreceres (Gestionar Dreceres).
5. De la llista de ranures de dreceres disponibles, es selecciona una ranura no utilitzada, com Drecera 1.
6. Es configuren els detalls de la drecera:
   • Etiqueta: Es proporciona un nom per a la drecera a la pantalla d'inici, com "L10s Gen2".
   • Descripció: Es pot introduir una descripció opcional.
   • Servidor: Es selecciona el servidor de Home Assistant actiu.
   • Tipus de drecera: Es tria Panell de les opcions disponibles.
   • Panell: Es introdueix la ruta URL exacta del panell creat recentment, com /l10s-gen2.
   • Icona: Es tria una icona rellevant, com mdi:robot-vacuum.
7. S'ha tocat el botó Afegeix accés directe.
8. És possible que el dispositiu sol·liciti confirmació per afegir l'accés directe.
9. L'aplicació Companya es tanca completament i es toca l'accés directe recent creat "L10s Gen2" a la pantalla d'inici.

Nota

Per a més detalls sobre la gestió de dreceres d'Android, consulteu el Documentació de dreceres d'Android de l'App Companya Home Assistant.

iOS

L'aplicació oficial Home Assistant Companion App s'ha de descarregar des de Apple App Store. En dispositius iOS, s'utilitza l'aplicació integrada d'Apple Dreceres juntament amb els esquemes d'URL de Home Assistant per crear la icona a la pantalla d'inici.

1. S'obre l'aplicació Dreceres a l'iPhone o iPad.
2. S'ha tocat el botó Nou accés directe () a la part superior dreta.
3. S'ha seleccionat Afegeix acció i s'ha cercat i triat Obre URLs.
4. S'ha introduït l'URL d'enllaç profund per al tauler dins de l'acció. Ha de començar amb homeassistant://navigate, seguit del camí del tauler, com ara homeassistant://navigate/l10s-gen2.
5. El nom de l'accés directe s'estableix tocant la fletxa cap avall a la part superior i triant Canvia el nom, i després introduint un nom com "L10s Gen2".
6. La icona es pot personalitzar des del mateix menú seleccionant Tria icona.
7. Es toca la icona Comparteix i es selecciona Afegeix a la pantalla d'inici.
8. Es toca Afegeix per confirmar.
9. Es toca l'accés directe acabat de crear "L10s Gen2" a la pantalla d'inici.

Nota

Per a més detalls sobre els esquemes URL d'iOS, consulteu l'oficial Documentació del Home Assistant URL Handler.