Tableau de bord de l'application mobile autonome

Vous pouvez créer une expérience dédiée « type application » sur un appareil mobile en configurant un tableau de bord spécifique pour la carte d'aspirateur Dreame et en l'ajoutant directement à l'écran d'accueil du téléphone avec sa propre icône d'application.

Étape 1 : Créer un nouveau tableau de bord

Pour garder les choses organisées et en plein écran, il est fortement recommandé de créer un tableau de bord complètement séparé spécifiquement pour l'aspirateur.

1. Dans Home Assistant, le menu Paramètres > Tableaux de bord est accessible.
2. Le bouton Ajouter un tableau de bord en bas à droite est cliqué.
3. Nouveau tableau de bord à partir de zéro est sélectionné.
4. Un Titre, tel que "L10s Gen2", une Icône, telle que mdi:robot-vacuum, et une URL, telle que l10s-gen2, sont fournis.
5. Optionnel : Ce tableau de bord peut être ajouté au menu latéral ou gardé caché, puisqu'il sera lancé directement depuis l'écran d'accueil du téléphone.
6. Créer est cliqué.

Étape 2 : Configurer une vue en panneau

Une vue « Panneau » force une seule carte à s'étendre sur l'ensemble de l'écran, ce qui est parfait pour cette carte de carte très détaillée.

1. Le tableau de bord nouvellement créé est ouvert.
2. Cliquer sur l'icône Modifier le tableau de bord () dans le coin supérieur droit.
3. Modern Home Assistant crée initialement une vue de type sections, qui ne peut pas être convertie en Panneau. L'icône Modifier () à côté de l'onglet par défaut est cliquée, Supprimer la vue est sélectionné dans la boîte de dialogue, et la suppression est confirmée.
4. L'icône Ajouter une vue () à côté des onglets de vue du tableau de bord en haut est cliquée.
5. Dans la boîte de dialogue « Ajouter une vue », Panneau, l'option carte unique, est sélectionnée dans le menu déroulant Disposition.
6. Enregistrer est cliqué.
7. Cliquer sur le bouton Ajouter une carte () dans le coin inférieur droit.
8. Dans le sélecteur de cartes, rechercher et sélectionner Personnalisée : Carte de l'aspirateur Dreame.
9. Dans l'éditeur de cartes, l'Entité du Dreame Vacuum, telle que vacuum.l10s_gen2, est sélectionnée. Un Titre personnalisé optionnel pour la carte peut être fourni, et des configurations plus détaillées spécifiques au mobile peuvent être mises en place en se référant à la section Configuration de base.
10. Enregistrer est cliqué pour ajouter la carte au tableau de bord.

Étape 3 : Masquer l'en-tête et la barre latérale (Mode Kiosque)

Remarque

Cette étape est entièrement optionnelle, mais elle est absolument nécessaire pour obtenir une expérience semblable à une application native.

Pour que cela ressemble à une véritable application autonome, l'en-tête supérieur et le menu latéral de Home Assistant doivent être masqués.

Depuis que le plugin original en mode kiosque a été archivé, la communauté maintient un fork activement supporté. L'utilisation de l'intégration NemesisRE/kiosk-mode est fortement recommandée.

Installation via HACS

1. La section HACS > Frontend est accessible.
2. Le menu Overflow () en haut à droite est cliqué et Dépôts personnalisés est sélectionné.
3. https://github.com/NemesisRE/kiosk-mode est ajouté avec la catégorie définie sur Lovelace.
4. Télécharger est cliqué pour installer l'intégration.
5. Le navigateur est rechargé si demandé.

Configuration

Une fois installé, la configuration brute du tableau de bord peut être modifiée pour masquer complètement les éléments de l'interface utilisateur.

1. Le tableau de bord nouvellement créé est ouvert.
2. Cliquer sur l'icône Modifier le tableau de bord () dans le coin supérieur droit.
3. L'icône en haut à droite est cliquée et Éditeur de configuration brute est sélectionné.
4. Les lignes suivantes sont ajoutées en haut de la configuration :

kiosk_mode:
  kiosk: true

Astuce

Une fois l'en-tête caché, le bouton Modifier ne sera plus visible. Si la configuration de la carte doit être modifiée, ?edit=1 peut simplement être ajouté à la fin de l'URL du tableau de bord dans le navigateur Web, comme http://homeassistant.local:8123/l10s-gen2?edit=1.

Étape 4 : Ajouter à l'écran d'accueil mobile

Une fois le tableau de bord plein écran et sans en-tête prêt, il peut être ajouté à l'appareil mobile en tant que raccourci dédié sur l'écran d'accueil. Lancer ce raccourci ouvre instantanément le panneau de contrôle du Dreame Vacuum en plein écran, contournant complètement l'interface normale de Home Assistant, avec un chargement instantané. Le bouton retour fonctionnera exactement comme dans l'application officielle et peut être utilisé pour revenir en arrière ou fermer les paramètres et les dialogues.

Android

L'Application Compagnon Home Assistant officielle doit être téléchargée depuis le Google Play Store.

1. L'Application Compagnon Home Assistant est ouverte sur l'appareil mobile.
2. Pour les utilisateurs débutants, la configuration initiale se fait en entrant l'URL du serveur Home Assistant et en se connectant avec les identifiants appropriés. L'application doit se charger complètement jusqu'à ce que le tableau de bord normal soit visible.
3. Le menu latéral est ouvert et Paramètres > Application compagnon est accédé.
4. La section Raccourcis (Gérer les raccourcis) est localisée.
5. Dans la liste des emplacements de raccourcis disponibles, un emplacement inutilisé, tel que Raccourci 1, est sélectionné.
6. Les détails du raccourci sont configurés :
   • Étiquette : Un nom pour le raccourci sur l'écran d'accueil, tel que "L10s Gen2", est fourni.
   • Description : Une description facultative peut être saisie.
   • Serveur : Le serveur Home Assistant actif est sélectionné.
   • Type de raccourci : Tableau de bord est choisi parmi les options disponibles.
   • Tableau de bord : Le chemin URL exact vers le tableau de bord nouvellement créé, tel que /l10s-gen2, est entré.
   • Icône : Une icône pertinente, telle que mdi:robot-vacuum, est choisie.
7. Le bouton Ajouter un raccourci est tapé.
8. L'appareil peut demander une confirmation pour ajouter le raccourci.
9. L'application Companion est complètement quittée, et le raccourci récemment créé "L10s Gen2" sur l'écran d'accueil est tapé.

Remarque

Pour plus de détails sur la gestion des raccourcis Android, consultez le site officiel Documentation des raccourcis Android de l'application Home Assistant Companion.

iOS

L'application officielle Home Assistant Companion doit être téléchargée depuis le Apple App Store. Sur les appareils iOS, l'application Apple intégrée Raccourcis est utilisée avec les schémas URL de Home Assistant pour créer l'icône sur l'écran d'accueil.

1. L'application Raccourcis est ouverte sur l'iPhone ou l'iPad.
2. Le bouton Nouveau raccourci () dans le coin supérieur droit est tapé.
3. Ajouter une action est sélectionné, et Ouvrir des URL est recherché et choisi.
4. L'URL du lien profond pour le tableau de bord est saisie dans l'action. Elle doit commencer par homeassistant://navigate, suivie du chemin du tableau de bord, comme homeassistant://navigate/l10s-gen2.
5. Le nom du raccourci est défini en appuyant sur la flèche vers le bas en haut et en choisissant Renommer, puis en entrant un nom comme "L10s Gen2".
6. L'icône peut être personnalisée depuis le même menu en sélectionnant Choisir l'icône.
7. L'icône Partager est appuyée, puis Ajouter à l'écran d'accueil est sélectionné.
8. Ajouter est appuyé pour confirmer.
9. Le raccourci nouvellement créé "L10s Gen2" sur l'écran d'accueil est appuyé.

Remarque

Pour plus de détails sur les schémas d'URL iOS, consultez l'officiel Documentation du gestionnaire d'URL Home Assistant.