.WEBMANIFEST Extensão de arquivo

PWAs são aplicativos web que podem ser instalados em um dispositivo, geralmente na área de trabalho ou na tela inicial do dispositivo. Isso permite que os usuários acessem o aplicativo web da mesma forma que acessariam um aplicativo nativo do sistema operacional.

Por exemplo, no Google Chrome, os usuários podem acessar app.starbucks.com, abrir o menu Configurações do Google Chrome e selecionar Install Starbucks para instalar o PWA da Starbucks. Isso cria um aplicativo da Starbucks que os usuários podem abrir e usar para fazer pedidos por meio de app.starbucks.com.

Cada PWA inclui um arquivo WEBMANIFEST, que é um arquivo JSON que especifica o nome do aplicativo, a URL inicial (a URL usada para carregar a tela principal do aplicativo), os ícones do aplicativo e muitas outras configurações. Cada arquivo WEBMANIFEST pode incluir os seguintes objetos JSON:

• background_color: Define a cor de fundo da tela de carregamento do PWA
• categories: Define a categoria ou as categorias às quais o PWA pertence
• description: Explica a finalidade do aplicativo
• dir: Define a direção padrão na qual o PWA exibe o texto (da esquerda para a direita ou da direita para a esquerda)
• display: Define o modo de exibição preferido do PWA; pode ser definido como fullscreen, standalone, minimal-ui ou browser
• iarc_rating_id: Contém o código de certificação do PWA da International Age Rating Coalition
• icons: Especifica as imagens usadas como ícones do PWA
• lang: Especifica o idioma principal do PWA
• name: Especifica o nome do PWA
• orientation Especifica a orientação padrão do PWA; pode ser definida como any, natural, landscape, landscape-primary, landscape-secondary, portrait, portrait-primary ou portrait-secondary
• prefer_related_applications: Especifica se o aplicativo(s) listado(s) no objeto related_applications deve(m) ser priorizado(s) e aberto(s) em vez do PWA
• protocol_handlers: Lista os protocolos que o PWA pode registrar e gerenciar
• related_applications: Lista os aplicativos nativos que um sistema operacional pode executar em vez do PWA
• scope: Restringe quais páginas da web podem ser visualizadas dentro do PWA
• screenshots: Especifica as imagens que serão usadas como capturas de tela do PWA nas lojas de PWAs
• short_name: Define o nome curto do PWA para os casos em que o nome completo não pode ser exibido
• shortcuts: Define as URLs usadas como links para tarefas ou páginas importantes incluídas no PWA; usadas para montar um menu de contexto
• start_url: A URL que será carregada por padrão quando o usuário abrir o PWA
• theme_color: Define a cor de tema padrão do PWA

A maioria dos arquivos WEBMANIFEST inclui apenas algumas das configurações acima. Os desenvolvedores normalmente vinculam aos arquivos WEBMANIFEST no arquivo .HTML principal de um PWA.