Texto de: Letícia Garcez
Introdução
Hoje em dia conseguimos ver que os Progressive Web Apps, ou PWAs tem ganhado cada vez mais destaque no mundo do desenvolvimento, e neste artigo vamos entender um pouco mais sobre eles.
Páginas Web e Aplicativos Mobile
Atualmente a maioria da nossa interação com a internet se dá por meio de páginas web ou aplicativos mobile. Normalmente quando estamos utilizando um computador, tudo é acessado mediante páginas web, mas em dispositivos móveis, praticamente cada site precisa (ou precisava) de um aplicativo, cujo objetivo é proporcionar uma experiência que seja superior à experiência da página web para o usuário.
Enquanto o acesso a páginas web no computador é tranquilo, ter de instalar um aplicativo para usar alguma ferramenta pode acabar sendo incomodo para o usuário, seja porque a ferramenta não é utilizada com frequência, então ele precisaria fazer a instalação para usar o aplicativo apenas uma vez, ou então, porque o celular do usuário não permite a instalação do aplicativo, seja por ser um modelo mais antigo ou não ter espaço na memória para fazer a instalação.
O que são Progressive Web Apps?
Os Progressive Web Apps, como o próprio nome já diz, são aplicativos web progressivos. Mas o que isso quer dizer? Um PWA procura ter compatibilidade progressiva entre diferentes tipos e versões de um navegador, ou seja, devem funcionar desde versões antigas até versões mais novas dos navegadores.
Como uma PWA depende de recursos disponíveis nos navegadores, é possível que em navegadores mais antigos uma aplicação não se comporte da mesma maneira que em navegadores atuais, porém ainda deve ser possível utilizar a aplicação para seu propósito primário mesmo com uma redução nas funcionalidades.
No entanto, uma PWA não é somente um site compatível com várias versões de navegadores. Esse tipo de site também deve ser responsivo para se adequar a diferentes tipos de telas, e podem ser “instalado” no seu dispositivo de uma maneira muito similar aos aplicativos que você encontra na loja de aplicativos do seu celular. Algumas PWAs até podem ser encontradas diretamente na loja de aplicativos do seu sistema, enquanto outras podem ser adicionadas à sua página inicial diretamente do navegador.
Atualmente, muitos sites já utilizam PWAs, permitindo que você tenha acesso ao serviço utilizando o navegador, porém deixando claro que existe um aplicativo móvel para o seu dispositivo que pode melhorar a sua experiência ou então indicando a instalação do próprio PWA, já que algumas empresas estão abandonando seus aplicativos nativos e investindo no desenvolvimento de PWAs.
Como já mencionei algumas vezes, os PWAs “brilham” por poderem ser instalados dentro de celulares, economizando uma quantidade grande de recursos se comparado com os aplicativos nativos, mas também é possível fazer a instalação de aplicações PWA no computador, transformando aquela página Web que você acessa sempre em uma aplicação do sistema.
Instalando PWAs
Nos navegadores de desktop baseados no Chromium como Chrome, Brave e Vivaldi, normalmente um símbolo de download é adicionado à barra de endereços, e a instalação do PWA pode ser feita clicando nesse ícone. No Firefox, o processo de instalação requer a instalação de uma extensão para habilitar essa funcionalidade.
Em dispositivos mobile, você pode abrir o navegador, clicar nos três pontinhos que indicam as opções do seu navegador e no menu que abrir selecionar a opção “Add to Home Screen”, ou “Adicionar à tela inicial”.
Vários sites populares como Spotify, Google Drive, Pinterest, GitHub e Starbucks já utilizam PWA, mas existem vários outros sites que também oferecem essa funcionalidade.
Benefícios do PWA
Pensando em quem desenvolve as aplicações, um dos maiores benefícios de PWAs é a possibilidade de criar uma única versão da sua aplicação, usando as tecnologias da Web. Isso permite que seja muito simples para alguém que trabalha com front-end transformar seu site também em um aplicativo utilizando essa tecnologia.
Uma aplicação PWA também pode ser indexada por meio de mecanismos de busca, o que não acontece com aplicativos normais, que precisam ser buscados diretamente na loja. Isso pode aumentar a divulgação do seu site e também facilitar a conversão de usuários, já que uma vez no site no navegador, a instalação é “indolor”. Também é possível compartilhar as PWAs através de links da web, o que pode também aumentar a disseminação da sua aplicação.
Para quem vai utilizar a aplicação, também existem benefícios, como a economia de recursos, especialmente de espaço de armazenamento e a facilidade de instalação e remoção. Além disso, em um PWA o usuário terá acesso a recursos muito similares aos que tinha em um aplicativo, porém em um “aplicativo” mais leve, mais rápido e com atualizações instantâneas.
Considerações finais
Neste artigo conhecemos o conceito de PWA e vimos os benefícios dessa tecnologia que está a cada dia mais presente no nosso cotiano e que traz diversos benefícios tanto para quem desenvolve esse tipo de aplicação quanto para quem a usa.
