O que é uma PWA?

O que é uma PWA?

 PWA significa (Progressive Web Application), ou Aplicação Web Progressiva, é uma evolução hibrida entre as páginas web normais e os aplicativos móveis, mas para que serve? Uma PWA nos permite o acesso às páginas web mesmo sem o acesso a internet, enviar notificações como um App nativo faz. As PWA’s também são conhecidas por apresentar um custo de desenvolvimento mais barato porque o seu código pode ser usado em várias plataformas, e pelo facto de não haver necessidade de fazer o Download elas são mais práticas, acessíveis e ágeis, facilitando a sua usabilidade. Existem alguns exemplos de PWA como o Uber, Twitter e o Pinterest. 

Características de uma PWA 

Na sua essência uma PWA funciona como um aplicativo nativo, apenas difere um pouco na sua estrutura, interface e consequentemente na usa usabilidade, podendo ter algumas das características de um App nativo como:
• Rapidez ao abrir as páginas e também permitir o acesso quando não há internet;
• Notificações em Push; 
• Responsivo: o aplicativo deve se encaixar nos vários tamanhos das telas dos dispositivos;
• Rodagem em segundo plano;
• Permite o acesso aos recursos do sistema como contactos, câmara, galeria de fotos e Geolocalização;
• Possibilita a instalação na página inicial do dispositivo como os App’s nativos; 
• Tela de abertura: tem uma tela de abertura assim como os aplicativos nativos.

 Como funciona uma PWA ?

Uma Progressive Web Application funciona Através do Service Workers, que é um componente do JavaScript que funciona como um Proxy entre o navegador e a rede, executado em segundo plano, fazendo com que o aplicativo funcione offline através de uma API de cache do navegador fazendo do armazenamento de todos os recursos necessários no Cache do navegador. Quando você visita a pagina pela primeira vez no modo online o Service Workers guarda o cache da pagina quando você à visita. E quando o usuário visita mais uma vez , o Service Workers verifica o cache e retorna o pedido ao usuário antes de verificar na Internet, assim, quando você faz um pedido estando offline ele carrega os aquivos que foram guardados no cache na primeira vez. 

Arquivo Manifest 

O arquivo de manifesto é um arquivo de configuração JSON que contem as informações da sua Aplicação, como os ícones que fazem parte do Aplicação, o nome abreviado do Aplicação, Backgroud Color ou tema, modo de execução. Este é responsável por fazer com que a PWA seja parecida com um aplicativo navito. 

Ao se desenvolver uma PWA deve se ter em conta que ela deve ser:

 • Segura, com conexão HTTPS;

 • Arquivo de manifesto contendo os Meta dados da PWA;

 • Permitir o funcionamento no modo offline;

 • Compatível com múltiplos navegadores (Safari, Firefox, Microsoft Edge, Opera, Chrome e Internet Explorer). 

 Vantagens de uma PWA

• Utilização de linguagens de programação simples como HTML, JavaScript e CSS e seus respectivos Frameworks (Angular, Vue.js, React.js, Quasar);
• Envio de notificações; 
• Não ocupa muita memória, geralmente menos de 2MB; 
• Não precisam ser baixadas pois as suas funções são executadas no navegador;
• Permite a utilização no modo offline;
• Acesso a aplicações nativas como camara, GPS e microfone;
• Responsividade; 
• Compatibilidade com multiplataformas (Windows, IOS, Android, Mac OS) usando a mesma base de código.

 

 Desvantagens de uma PWA

 • Falta de lojas de aplicativos para PWA, oque dificulta a sua divulgação;

 • Dificuldade em fazê-lo ser compatível com todos os navegadores existentes;

 • Não permitem sincronização com outros App’s porque são usados pelo navegador;

 • Aplicativos mais robustos tendem a apresentar lentidão no seu funcionamento em comparação com os App’s nativos.

Jok3r Khalium