Um aplicativo web progressivo (PWA, na sigla em inglês) é um aplicativo web que permite oferecer aos usuários em dispositivos móveis uma experiência semelhante à de um aplicativo nativo, proporcionando uma experiência rápida, fluida e envolvente em seu site.
Os PWAs carregam instantaneamente, respondem rapidamente às interações do usuário e têm a aparência de um aplicativo nativo. Não precisam de uma loja de aplicativos para instalação e permitem que os usuários acessem o site novamente instantaneamente, mesmo quando o dispositivo estiver offline.
Observação:
- Os PWAs só podem ser ativados em sites HTTPS. Para obter mais informações, consulte Adicionar SSL ou HTTPS.
- Os PWAs são compatíveis com o Chrome para Android. Se o PWA estiver ativado, o navegador perguntará automaticamente ao usuário se ele deseja adicionar o site à tela inicial.
- Você também pode adicionar PWAs em dispositivos iOS com a versão 11.3. No entanto, como a mensagem automática "adicionar à tela" do navegador ainda não está disponível, os usuários precisarão adicionar o PWA manualmente. Para obter mais informações sobre como fazer isso, visite o Suporte da Apple.
Para ativar o recurso PWA:
- No painel esquerdo, clique em Configurações e, em seguida, clique em Aplicativo Web Progressivo (PWA).
- Clique na opção Ativar Aplicativo Web Progressivo. Depois que o PWA for ativado para um site, você poderá configurar as seguintes opções:
- Nome. Este é o nome exibido na tela inicial e na mensagem "Adicionar à tela inicial". Pode ter até 60 caracteres.
- Nome abreviado. Este é o nome usado quando não há espaço suficiente para exibir o nome completo; por exemplo, na tela inicial do celular. Este nome pode ter até 60 caracteres, mas sugerimos que você o torne o mais curto possível.
- Ícone. Este é o ícone que aparece na tela inicial do celular e na tela de apresentação quando o aplicativo está carregando. Ele deve ter pelo menos 192 pixels de largura e estar no formato .png.
- Cor de fundo da tela inicial. Esta é a cor que aparece enquanto o site está carregando.
Quando um usuário acessa um site com PWA habilitado em seu dispositivo móvel, ele verá um botão "Adicionar à tela inicial" exibido abaixo do site. Uma vez adicionado à tela inicial, o ícone será exibido no dispositivo para acesso rápido ao site (semelhante a um aplicativo).
O usuário agora pode acessar o site novamente usando este ícone, mesmo que o dispositivo esteja offline.
