Dashboard App Mobile Autonoma

Puoi creare un'esperienza dedicata simile a un'app su un dispositivo mobile configurando una dashboard specifica per la Scheda Aspirapolvere Dreame e aggiungendola direttamente alla schermata principale del telefono con la propria icona dell'app.

Passo 1: Crea una Nuova Dashboard

Per mantenere tutto organizzato e a schermo intero, si consiglia vivamente di creare una dashboard completamente separata specificamente per l'aspirapolvere.

1. In Home Assistant, si accede al menu Impostazioni > Dashboard.
2. Si clicca sul pulsante Aggiungi Dashboard in basso a destra.
3. Si seleziona Nuova dashboard da zero.
4. Si fornisce un Titolo, come "L10s Gen2", un Icona, come mdi:robot-vacuum, e un URL, come l10s-gen2.
5. Opzionale: Questa dashboard può essere aggiunta al menu laterale o mantenuta nascosta, poiché verrà avviata direttamente dalla schermata principale del telefono.
6. Si clicca su Crea.

Passo 2: Configura una Visualizzazione a Pannello

Una visualizzazione "Pannello" forza una singola scheda ad estendersi su tutto lo schermo, il che è perfetto per questa scheda mappa altamente dettagliata.

1. La dashboard appena creata viene aperta.
2. Fare clic sull'icona Modifica Cruscotto () in alto a destra.
3. Modern Home Assistant crea inizialmente una visualizzazione di tipo sections, che non può essere convertita in un Pannello. L'icona Modifica () accanto alla scheda predefinita viene cliccata, Elimina visualizzazione è selezionato dal dialogo e la rimozione viene confermata.
4. Viene cliccata l'icona Aggiungi Vista () accanto alle schede delle viste del cruscotto in alto.
5. Nella finestra di dialogo "Aggiungi Vista", Pannello, viene selezionata l'opzione a scheda singola sotto il menu a tendina Layout.
6. Viene cliccato Salva.
7. Fare clic sul pulsante Aggiungi Scheda () in basso a destra.
8. Nella selezione delle schede, cercare e selezionare Personalizzata: Scheda Aspirapolvere Dreame.
9. Nell'editor della scheda, viene selezionata l'Entità Dreame Vacuum, come vacuum.l10s_gen2. È possibile fornire un Titolo personalizzato facoltativo per la scheda, e configurazioni più dettagliate specifiche per il mobile possono essere impostate facendo riferimento alla sezione Configurazione Base.
10. Viene cliccato Salva per aggiungere la scheda alla dashboard.

Passo 3: Nascondere l'Intestazione e la Barra Laterale (Modalità Kiosk)

Nota

Questo passaggio è interamente opzionale, ma è assolutamente necessario per ottenere un'esperienza simile a un'app nativa.

Per farla sembrare una vera app autonoma, l'intestazione superiore di Home Assistant e il menu laterale devono essere nascosti.

Poiché il plugin originale in modalità chiosco è stato archiviato, la community mantiene un fork attivamente supportato. È fortemente consigliato utilizzare l'integrazione NemesisRE/kiosk-mode.

Installazione tramite HACS

1. Si accede alla sezione HACS > Frontend.
2. Si clicca sul menu Overflow () in alto a destra e si seleziona Repository personalizzati.
3. https://github.com/NemesisRE/kiosk-mode viene aggiunto con la categoria impostata su Lovelace.
4. Si clicca su Scarica per installare l'integrazione.
5. Il browser viene ricaricato se richiesto.

Configurazione

Una volta installato, la configurazione della dashboard può essere modificata per nascondere completamente gli elementi dell'interfaccia.

1. La dashboard appena creata viene aperta.
2. Fare clic sull'icona Modifica Cruscotto () in alto a destra.
3. Si clicca sull'icona in alto a destra e si seleziona Editor configurazione grezza.
4. Le seguenti righe vengono aggiunte all'inizio della configurazione:

kiosk_mode:
  kiosk: true

Suggerimento

Una volta che l'intestazione è nascosta, il pulsante Modifica non sarà più visibile. Se la configurazione della scheda deve essere modificata, ?edit=1 può semplicemente essere aggiunto alla fine dell'URL della dashboard nel browser web, ad esempio http://homeassistant.local:8123/l10s-gen2?edit=1.

Passo 4: Aggiungi alla schermata iniziale del cellulare

Una volta pronta la dashboard a schermo intero senza intestazione, può essere aggiunta al dispositivo mobile come scorciatoia dedicata alla schermata iniziale. Avviando questa scorciatoia si apre istantaneamente il pannello di controllo del Dreame Vacuum a schermo intero, bypassando completamente l'interfaccia normale di Home Assistant, con caricamento immediato. Il pulsante indietro funzionerà esattamente come farebbe nell'app ufficiale e può essere utilizzato per tornare indietro o chiudere impostazioni e finestre di dialogo.

Android

La Home Assistant Companion App ufficiale deve essere scaricata dal Google Play Store.

1. La Home Assistant Companion App viene aperta sul dispositivo mobile.
2. Per gli utenti alla prima esperienza, la configurazione iniziale viene completata inserendo l'URL del server di Home Assistant e effettuando l'accesso con le credenziali appropriate. L'app deve caricarsi completamente fino a quando la dashboard normale è visibile.
3. Il menu laterale viene aperto e si accede a Impostazioni > App Companion.
4. Si individua la sezione Scorciatoie (Gestisci scorciatoie).
5. Dall'elenco degli slot di scorciatoie disponibili, si seleziona uno slot inutilizzato, come Scorciatoia 1.
6. Si configurano i dettagli della scorciatoia:
   • Etichetta: Viene fornito un nome per la scorciatoia sulla schermata principale, come "L10s Gen2".
   • Descrizione: È possibile inserire una descrizione opzionale.
   • Server: Si seleziona il server Home Assistant attivo.
   • Tipo di scorciatoia: Tra le opzioni disponibili si sceglie Dashboard.
   • Dashboard: Si inserisce il percorso URL esatto della dashboard appena creata, come /l10s-gen2.
   • Icona: Si sceglie un'icona pertinente, come mdi:robot-vacuum.
7. Il pulsante Aggiungi Collegamento viene premuto.
8. Il dispositivo potrebbe chiedere conferma per aggiungere il collegamento.
9. L'app Companion viene completamente chiusa e viene premuto il collegamento "L10s Gen2" appena creato sulla schermata principale.

Nota

Per ulteriori dettagli sulla gestione dei collegamenti rapidi su Android, fare riferimento all'ufficiale Documentazione dei collegamenti rapidi dell'app Home Assistant Companion per Android.

iOS

La Home Assistant Companion App ufficiale deve essere scaricata dal Apple App Store. Sui dispositivi iOS, l'app Apple Comandi integrata viene utilizzata insieme agli schemi URL di Home Assistant per creare l'icona sulla schermata principale.

1. L'app Comandi viene aperta su iPhone o iPad.
2. Il pulsante Nuovo Collegamento () nell'angolo in alto a destra viene premuto.
3. Viene selezionato Aggiungi Azione, quindi si cerca e si sceglie Apri URL.
4. L'URL deep link per la dashboard viene inserito nell'azione. Deve iniziare con homeassistant://navigate, seguito dal percorso della dashboard, come homeassistant://navigate/l10s-gen2.
5. Il nome del collegamento viene impostato toccando la freccia verso il basso in alto e scegliendo Rinomina, quindi inserendo un nome come "L10s Gen2".
6. L'icona può essere personalizzata dallo stesso menu selezionando Scegli icona.
7. Si tocca l'icona Condividi e si seleziona Aggiungi alla schermata principale.
8. Si tocca Aggiungi per confermare.
9. Si tocca il collegamento appena creato "L10s Gen2" sulla schermata principale.

Nota

Per ulteriori dettagli sugli schemi URL di iOS, si rimanda al sito ufficiale Documentazione di Home Assistant URL Handler.