Voce ja notou que alguns sites, quando acessados pelo celular, oferecem um botao perguntando se voce deseja "Adicionar a tela inicial"? E apos clicar, esse site comeca a agir de maneira identica a um aplicativo nativo, com icone proprio, rodando em tela cheia e funcionando ate sem internet? Bem-vindo ao mundo dos Progressive Web Apps, ou simplesmente PWAs.
O Fim da Barreira de Instalacao
O modelo tradicional das lojas de aplicativos tem um funil de conversao terrivel do ponto de vista de aquisicao de usuarios. Exigir que o usuario abra a loja, aguarde o download, aceite permissoes e espere a instalacao antes de usar um utilitario basico e excessivo. Com PWAs, o usuario acessa o link e a ferramenta ja esta funcionando. A "instalacao" e opcional, instantanea e ocupa menos de 1MB no dispositivo.
O Milagre do Funcionamento Offline (Service Workers)
O segredo tecnico por tras dos PWAs sao os "Service Workers", pequenos scripts que rodam em segundo plano no navegador, como uma camada de middleware entre o app e a rede. Eles permitem interceptar requisicoes de rede e servir recursos em cache.
Na pratica: a primeira vez que voce acessa o PWA, o Service Worker salva todas as imagens, estilos e codigos no seu aparelho. Se amanha voce abrir o app num local sem internet, ele buscara os arquivos que ja estao salvos localmente e funcionara perfeitamente. Isso e o que chamamos de "offline-first".
Atualizacoes Silenciosas e Imediatas
Para nos, desenvolvedores, uma das maiores vantagens e a agilidade nas atualizacoes. Se encontrarmos um bug critico, basta atualizarmos o servidor. O Service Worker do usuario detecta a mudanca de forma silenciosa na proxima vez que ele abrir o aplicativo e baixa apenas os arquivos que mudaram. Sem necessidade de aprovacao de loja, sem espera do usuario.
Isso nos da uma agilidade de iteracao que plataformas nativas simplesmente nao conseguem oferecer. Corrigimos, melhoramos e lancamos em horas, nao em semanas.
Voltar para o Blog