Ativação de recursos do aplicativo web progressivo enabling-pwa

Habilitar PWA - Este é o principal botão de alternância para habilitar PWA para o site.

URL de inicialização - Esta é a URL inicial preferencial que o aplicativo abre quando o usuário carrega o aplicativo instalado localmente.

• Pode ser qualquer caminho na estrutura do conteúdo.
• Não precisa ser a raiz e geralmente é uma página de boas-vindas dedicada do aplicativo.
• Se esse URL for relativo, o URL do manifest será usado como URL base para resolvê-lo.
• Quando deixado em branco, o recurso usa o endereço da página da Web da qual o aplicativo foi instalado.
• É recomendável definir um valor.

Modo de exibição — um aplicativo habilitado para PWA ainda é um site do AEM fornecido por um navegador. Essas opções de exibição definem como o navegador deve ser oculto ou apresentado ao usuário no dispositivo local.

• Independente - O navegador está oculto do usuário e parece ser um aplicativo nativo. Este é o valor padrão.
  • Com essa opção, a navegação do aplicativo deve ser totalmente possível por meio do conteúdo, usando links e componentes nas páginas do site, sem usar os controles de navegação do navegador.
• Navegador — o navegador é exibido como normalmente seria ao visitar o site.
• Interface mínima — o navegador é parcialmente escondido, como em um aplicativo nativo, mas os controles básicos de navegação ficam expostos.
• Tela cheia - O navegador fica oculto, como em um aplicativo nativo, mas é renderizado no modo de tela cheia.
  • Com essa opção, a navegação do aplicativo deve ser totalmente possível por meio do conteúdo, usando links e componentes nas páginas do site, sem usar os controles de navegação do navegador.

Orientação da tela - Como um aplicativo local, o PWA deve saber como lidar com orientações do dispositivo.

• Qualquer — o aplicativo se ajusta à orientação do dispositivo do usuário. Este é o valor padrão.
• Retrato — isso força o aplicativo a ser aberto no layout de retrato, independentemente da orientação do dispositivo do usuário.
• Paisagem — isso força o aplicativo a ser aberto no layout paisagem, independentemente da orientação do dispositivo do usuário.

Cor do tema — isso define a cor do aplicativo que afeta como o sistema operacional do usuário local exibe a barra de ferramentas da interface nativa e os controles de navegação. Dependendo do navegador, isso pode afetar outros elementos de apresentação do aplicativo.

• Use o pop-up de poço de cores para selecionar uma cor.
• A cor também pode ser definida por valor hexadecimal ou RGB.

Cor do fundo: isso define a cor do fundo do aplicativo, mostrada quando o aplicativo é carregado.

• Use o pop-up de poço de cores para selecionar uma cor.
• A cor também pode ser definida por valor hexadecimal ou RGB.
• Certos navegadores criam uma tela inicial automaticamente a partir do nome do aplicativo, cor do plano de fundo e ícone.

Ícone — isso define o ícone que representa o aplicativo no dispositivo do usuário.

• O ícone deve ser um arquivo PNG com tamanho de 512x512 pixels.
• O ícone deve ser armazenado no DAM.

Estratégia de armazenamento em cache e frequência de atualização de conteúdo — essa configuração define o modelo de armazenamento em cache do seu PWA.

• Moderadamente — esta configuração é o caso da maioria dos sites e é o valor padrão.
  • Com essa configuração, o conteúdo visualizado pela primeira vez pelo usuário é carregado do cache e, enquanto o usuário está consumindo esse conteúdo, o restante do conteúdo no cache é revalidado.
• Frequentemente - Este é o caso para sites que necessitam de atualizações rápidas, como casas de leilões.
  • Com essa configuração, o aplicativo busca o conteúdo mais recente por meio da rede primeiro e, se não estiver disponível, retorna ao cache local.
• Raramente — esse é o caso para sites quase estáticos, como páginas de referência.
  • Com essa configuração, o aplicativo procura primeiro o conteúdo no cache e, se não estiver disponível, retorna à rede para recuperá-lo.

Pré-armazenamento em cache de arquivos: esses arquivos hospedados no AEM são salvos no cache do navegador local quando o serviço secundário estiver sendo instalado e antes de ser usado. Isso garante que o aplicativo web esteja totalmente funcional quando estiver offline.

Inclusões de caminhos — as solicitações de rede para os caminhos definidos são interceptadas e o conteúdo em cache é retornado de acordo com a Estratégia de armazenamento em cache e frequência de atualização de conteúdo configuradas.

Exclusões de cache - Esses arquivos nunca são armazenados em cache, independentemente das configurações em Pré-armazenamento em cache de arquivos e Inclusões de caminho.