Skip to content

Painel de Aplicativo Móvel Independente ​

Você pode criar uma experiência dedicada "como um aplicativo" em um dispositivo móvel configurando um painel específico para o Cartão do Aspirador Dreame e adicionando-o diretamente à tela inicial do telefone com seu próprio ícone de aplicativo.

AppAppApp

Passo 1: Criar um Novo Painel ​

Para manter as coisas organizadas e em tela cheia, é altamente recomendável criar um painel completamente separado especificamente para o aspirador.

  1. No Home Assistant, o menu Configurações > Painéis é acessado.
  2. O botão Adicionar Painel no canto inferior direito é clicado.
  3. Novo painel do zero é selecionado.
  4. Um Título, como "L10s Gen2", um Ícone, como mdi:robot-vacuum, e uma URL, como l10s-gen2, são fornecidos.
  5. Opcional: Este painel pode ser adicionado ao menu lateral ou mantido oculto, já que será iniciado diretamente da tela inicial do telefone.
  6. Criar é clicado.

Passo 2: Configurar uma Visualização em Painel ​

Uma visualização "Painel" força um único cartão a se estender por toda a tela, o que é perfeito para este cartão de mapa altamente detalhado.

  1. O painel recém-criado é aberto.
  2. O ícone Editar Dashboard () no canto superior direito é clicado.
  3. O Home Assistant moderno cria inicialmente um tipo de visualização sections, que não pode ser convertido em Painel. O ícone Editar () ao lado da aba padrão é clicado, Excluir Visualização é selecionado no diálogo, e a remoção é confirmada.
  4. O ícone Adicionar Visualização () ao lado das abas de visualização do painel no topo é clicado.
  5. Na caixa de diálogo "Adicionar Visualização", Painel, a opção de cartão único, é selecionada no dropdown Layout.
  6. Salvar é clicado.
  7. O botão Adicionar Cartão () no canto inferior direito é clicado.
  8. No seletor de cartões, Custom: Cartão de Aspirador Dreame é pesquisado e selecionado.
  9. No editor de cartões, a Entidade ** do Aspirador Dreame**, como vacuum.l10s_gen2, é selecionada. Um Título personalizado opcional para o cartão pode ser fornecido, e configurações mais detalhadas específicas para dispositivos móveis podem ser ajustadas consultando a seção Configuração Básica.
  10. Salvar é clicado para adicionar o cartão ao painel.

Passo 3: Ocultar o Cabeçalho e a Barra Lateral (Modo Quiosque) ​

Nota

Este passo é totalmente opcional, mas é absolutamente necessário para alcançar uma experiência semelhante a de um aplicativo nativo.

Para parecer um aplicativo independente real, o cabeçalho superior e o menu lateral do Home Assistant devem ser ocultados.

Desde que o plugin original em modo quiosque foi arquivado, a comunidade mantém um fork com suporte ativo. É altamente recomendada a utilização da integração NemesisRE/modo-quiosque.

Instalação via HACS ​

  1. A seção HACS > Frontend é acessada.
  2. O Menu de estouro () no canto superior direito é clicado e Repositórios personalizados é selecionado.
  3. https://github.com/NemesisRE/kiosk-mode é adicionado com a categoria definida como Lovelace.
  4. Download é clicado para instalar a integração.
  5. O navegador é recarregado se solicitado.

Configuração ​

Uma vez instalado, a configuração bruta do painel pode ser editada para ocultar completamente os elementos da interface.

  1. O painel recém-criado é aberto.
  2. O ícone Editar Dashboard () no canto superior direito é clicado.
  3. O ícone no canto superior direito é clicado e Editor de configuração bruta é selecionado.
  4. As seguintes linhas são adicionadas no topo da configuração:
yaml
kiosk_mode:
  kiosk: true

Dica

Uma vez que o cabeçalho esteja oculto, o botão Editar não será mais visível. Se for necessário editar a configuração do cartão, ?edit=1 pode simplesmente ser adicionado ao final da URL do dashboard no navegador, como http://homeassistant.local:8123/l10s-gen2?edit=1.

Etapa 4: Adicionar à Tela Inicial do Celular ​

Uma vez que o dashboard em tela cheia e sem cabeçalho esteja pronto, ele pode ser adicionado ao dispositivo móvel como um atalho dedicado na tela inicial. Iniciar esse atalho abre instantaneamente o painel de controle do Dreame Vacuum em tela cheia, contornando completamente a interface normal do Home Assistant, com carregamento instantâneo. O botão voltar funcionará exatamente como no App oficial e pode ser usado para voltar ou fechar configurações e diálogos.

Android ​

O App Companheiro Home Assistant oficial deve ser baixado da Google Play Store.

  1. O App Companheiro Home Assistant é aberto no dispositivo móvel.
  2. Para usuários de primeira viagem, a configuração inicial é concluída inserindo a URL do servidor do Home Assistant e fazendo login com as credenciais apropriadas. O aplicativo deve carregar completamente até que o painel normal esteja visível.
  3. O menu lateral é aberto e Configurações > App Companion é acessado.
  4. A seção Atalhos (Gerenciar Atalhos) é localizada.
  5. Na lista de slots de atalho disponíveis, um slot não utilizado, como Atalho 1, é selecionado.
  6. Os detalhes do atalho são configurados:
    • Etiqueta: Um nome para o atalho na tela inicial, como "L10s Gen2", é fornecido.
    • Descrição: Uma descrição opcional pode ser inserida.
    • Servidor: O servidor Home Assistant ativo é selecionado.
    • Tipo de atalho: Painel é escolhido entre as opções disponíveis.
    • Painel: O caminho exato da URL para o painel recém-criado, como /l10s-gen2, é inserido.
    • Ícone: Um ícone relevante, como mdi:robot-vacuum, é escolhido.
  7. O botão Adicionar Atalho é pressionado.
  8. O dispositivo pode solicitar confirmação para adicionar o atalho.
  9. O Aplicativo Companion é fechado completamente, e o atalho recém-criado "L10s Gen2" na tela inicial é pressionado.

Nota

Para mais detalhes sobre como gerenciar atalhos no Android, consulte o oficial Documentação de Atalhos do Aplicativo Companion Home Assistant para Android.

iOS ​

O Aplicativo Companion do Home Assistant oficial deve ser baixado da Apple App Store. Em dispositivos iOS, o aplicativo Atalhos da Apple incorporado é usado junto aos esquemas de URL do Home Assistant para criar o ícone na tela inicial.

  1. O aplicativo Atalhos é aberto no iPhone ou iPad.
  2. O botão Novo Atalho () localizado no canto superior direito é pressionado.
  3. Adicionar Ação é selecionado, e a opção Abrir URLs é pesquisada e escolhida.
  4. O URL de link profundo para o painel é inserido na ação. Ele deve começar com homeassistant://navigate, seguido pelo caminho do painel, como homeassistant://navigate/l10s-gen2.
  5. O nome do atalho é definido tocando na seta para baixo no topo e escolhendo Renomear, então digitando um nome como "L10s Gen2".
  6. O ícone pode ser personalizado a partir do mesmo menu selecionando Escolher Ícone.
  7. O ícone Compartilhar é tocado, e Adicionar à Tela de Início é selecionado.
  8. Adicionar é tocado para confirmar.
  9. O atalho recém-criado "L10s Gen2" na tela inicial é tocado.

Nota

Para mais detalhes sobre esquemas de URL do iOS, consulte o oficial Documentação do Manipulador de URL do Home Assistant.