Panel de Aplicación Móvil Independiente

Puedes crear una experiencia dedicada "tipo aplicación" en un dispositivo móvil configurando un panel específico para la Tarjeta de la Aspiradora Dreame y agregándolo directamente a la pantalla de inicio del teléfono con su propio ícono de aplicación.

Paso 1: Crear un Nuevo Panel

Para mantener todo organizado y en pantalla completa, se recomienda encarecidamente crear un panel completamente separado específicamente para la aspiradora.

1. En Home Assistant, se accede al menú Configuración > Paneles.
2. Se hace clic en el botón Agregar Panel en la esquina inferior derecha.
3. Se selecciona Nuevo panel desde cero.
4. Se proporciona un Título, como "L10s Gen2", un Ícono, como mdi:robot-vacuum, y una URL, como l10s-gen2.
5. Opcional: Este panel puede agregarse al menú lateral o mantenerse oculto, ya que se lanzará directamente desde la pantalla de inicio del teléfono.
6. Se hace clic en Crear.

Paso 2: Configurar una Vista de Panel

Una vista "Panel" fuerza a que una sola tarjeta se estire a través de toda la pantalla, lo cual es perfecto para esta tarjeta de mapa altamente detallada.

1. Se abre el panel recién creado.
2. Se hace clic en el icono Editar panel () en la esquina superior derecha.
3. Home Assistant moderno crea inicialmente una vista de tipo sections, la cual no puede convertirse en un Panel. Se hace clic en el ícono Editar () junto a la pestaña predeterminada, se selecciona Eliminar vista en el cuadro de diálogo y se confirma la eliminación.
4. Se hace clic en el icono Agregar vista () junto a las pestañas de vista del panel en la parte superior.
5. En el cuadro de diálogo “Agregar vista”, Panel, se selecciona la opción de tarjeta única en el menú desplegable Diseño.
6. Se hace clic en Guardar.
7. Se hace clic en el botón Añadir tarjeta () en la esquina inferior derecha.
8. En el selector de tarjetas, se busca y selecciona Personalizado: Tarjeta de Aspiradora Dreame.
9. En el editor de tarjetas, se selecciona la Entidad ** del Aspirador Dreame **, como vacuum.l10s_gen2. Se puede proporcionar un Título personalizado opcional para la tarjeta, y se pueden configurar configuraciones más detalladas específicas para móviles consultando la sección Configuración básica.
10. Se hace clic en Guardar para añadir la tarjeta al panel de control.

Paso 3: Ocultar el Encabezado y la Barra Lateral (Modo Kiosco)

Nota

Este paso es completamente opcional, pero es absolutamente necesario para lograr una experiencia similar a la de una aplicación nativa.

Para que se vea como una aplicación independiente real, se debe ocultar el encabezado superior y el menú lateral de Home Assistant.

Desde que el plugin original de modo quiosco fue archivado, la comunidad mantiene una bifurcación con soporte activo. Se recomienda encarecidamente usar la integración NemesisRE/kiosk-mode.

Instalación a través de HACS

1. Se accede a la sección HACS > Frontend.
2. Se hace clic en el Menú de desbordamiento () en la parte superior derecha y se selecciona Repositorios personalizados.
3. Se agrega https://github.com/NemesisRE/kiosk-mode con la categoría establecida en Lovelace.
4. Descargar se hace clic para instalar la integración.
5. El navegador se recarga si se solicita.

Configuración

Una vez instalado, la configuración del panel en bruto se puede editar para ocultar completamente los elementos de la interfaz de usuario.

1. Se abre el panel recién creado.
2. Se hace clic en el icono Editar panel () en la esquina superior derecha.
3. Se hace clic en el icono en la esquina superior derecha y se selecciona Editor de configuración en bruto.
4. Las siguientes líneas se agregan en la parte superior de la configuración:

kiosk_mode:
  kiosk: true

Consejo

Una vez que el encabezado esté oculto, el botón Editar ya no será visible. Si se necesita editar la configuración de la tarjeta, simplemente se puede agregar ?edit=1 al final de la URL del tablero en el navegador web, como http://homeassistant.local:8123/l10s-gen2?edit=1.

Paso 4: Agregar a la pantalla de inicio del móvil

Una vez que el tablero a pantalla completa y sin encabezado esté listo, se puede agregar al dispositivo móvil como un acceso directo dedicado en la pantalla de inicio. Lanzar este acceso directo abre instantáneamente el panel de control de Dreame Vacuum a pantalla completa, omitiendo por completo la interfaz normal de Home Assistant, con carga instantánea. El botón de retroceso funcionará exactamente igual que en la App oficial y se puede usar para regresar o cerrar configuraciones y cuadros de diálogo.

Android

La App oficial de Home Assistant Companion debe descargarse desde Google Play Store.

1. La App de Home Assistant Companion se abre en el dispositivo móvil.
2. Para los usuarios que utilizan la aplicación por primera vez, la configuración inicial se completa ingresando la URL del servidor de Home Assistant e iniciando sesión con las credenciales correspondientes. La aplicación debe cargarse completamente hasta que el tablero normal sea visible.
3. Se abre el menú lateral y se accede a Configuración > Aplicación Compañera.
4. Se localiza la sección Accesos directos (Administrar accesos directos).
5. De la lista de ranuras de acceso directo disponibles, se selecciona una ranura no utilizada, como Acceso directo 1.
6. Se configuran los detalles del acceso directo:
   • Etiqueta: Se proporciona un nombre para el acceso directo en la pantalla de inicio, como "L10s Gen2".
   • Descripción: Se puede ingresar una descripción opcional.
   • Servidor: Se selecciona el servidor de Home Assistant activo.
   • Tipo de acceso directo: Se elige Tablero de las opciones disponibles.
   • Tablero: Se ingresa la ruta URL exacta del tablero recién creado, como /l10s-gen2.
   • Ícono: Se elige un ícono relevante, como mdi:robot-vacuum.
7. Se toca el botón Agregar acceso directo.
8. El dispositivo puede pedir confirmación para agregar el acceso directo.
9. Se cierra completamente la App Compañera, y se toca el acceso directo recién creado "L10s Gen2" en la pantalla de inicio.

Nota

Para más detalles sobre cómo gestionar accesos directos en Android, consulte la documentación oficial Documentación de accesos directos de la App Compañera de Home Assistant para Android.

iOS

La App Compañera de Home Assistant oficial debe descargarse desde App Store de Apple. En dispositivos iOS, se utiliza la aplicación incorporada de Apple Atajos junto con los esquemas URL de Home Assistant para crear el icono en la pantalla de inicio.

1. Se abre la aplicación Atajos en el iPhone o iPad.
2. Se toca el botón Nuevo acceso directo () en la esquina superior derecha.
3. Se selecciona Agregar acción, y se busca y elige Abrir URLs.
4. Se ingresa la URL de enlace profundo para el panel en la acción. Debe comenzar con homeassistant://navigate, seguida de la ruta del panel, como homeassistant://navigate/l10s-gen2.
5. El nombre del acceso directo se establece tocando la flecha hacia abajo en la parte superior y eligiendo Renombrar, luego ingresando un nombre como "L10s Gen2".
6. El ícono se puede personalizar desde el mismo menú seleccionando Elegir ícono.
7. Se toca el ícono Compartir, y se selecciona Añadir a la pantalla de inicio.
8. Se toca Añadir para confirmar.
9. Se toca el acceso directo recién creado "L10s Gen2" en la pantalla de inicio.

Nota

Para más detalles sobre esquemas de URL en iOS, consulte la información oficial Documentación de Home Assistant URL Handler.