Índice da aula
- O que é um PWA?
- PWA com Vite e VueJS
- Criando uma primeira aplicação Vue
- Configuração do VueJs com PWA
- Deploy da aplicação
O que é um PWA?
PWA é a sigla para Progressive Web Apps. São aplicações web que utilizam tecnologias modernas para oferecer uma experiência de usuário semelhante a de aplicativos nativos. Diversas linguagens de programação podem ser utilizadas para a criação de PWAs, como HTML, CSS e JavaScript. Também, alguns frameworks como React, Angular e VueJS podem ser utilizados para a criação de PWAs.
Nas nossas aulas vamos utilizar o VueJS e o Vite para criar um PWA, mas antes de começarmos a programar, vamos entender um pouco mais sobre o conceito de PWA.
Entre as principais características de um PWA, estão a confiabilidade, a rapidez, o engajamento, a segurança, a instabilidade e a progressividade. Um breve resumo sobre cada uma dessas características é apresentado a seguir:
- Confiabilidade: Carregamento instantâneo e sem interrupções, mesmo em condições de rede precárias.
- Rapidez: Responde rapidamente a interações do usuário com animações suaves e sem atrasos.
- Engajamento: Parece com um aplicativo nativo, com uma interface de usuário imersiva e interativa.
- Segurança: Servido via HTTPS para evitar a interceptação de conteúdo e garantir a autenticidade.
- Instalabilidade: Permite que os usuários “mantenham” aplicativos que são facilmente acessíveis a partir da tela inicial, sem a necessidade de uma loja de aplicativos.
- Progressividade: Funciona para todos os usuários, independentemente do navegador escolhido, porque é construído com tecnologias progressivas.
Somado a isso, PWAs são indexáveis e podem ser encontrados facilmente em mecanismos de busca, são atualizadas automaticamente, sem a necessidade de atualizações manuais, e podem ser instaladas na tela inicial do dispositivo, o que aumenta o engajamento do usuário.
Um outro ponto importante é que PWAs são mais fáceis de desenvolver e manter do que aplicativos nativos além de serem compatíveis com a maioria dos dispositivos e sistemas operacionais.
Por outro lado, PWAs têm algumas desvantagens, tais como:
- Limitações de hardware: PWAs não têm acesso a todas as funcionalidades do dispositivo.
- Limitações de sistema operacional: PWAs não têm acesso a todas as funcionalidades do sistema operacional.
- Limitações de navegador: PWAs não têm acesso a todas as funcionalidades do navegador.
- Limitações de armazenamento: PWAs têm limitações de armazenamento.
- Limitações de notificações: PWAs têm algumas limitações de notificações.
Contudo, as vantagens de PWAs superam as desvantagens, e PWAs são uma excelente opção para empresas que desejam oferecer uma experiência de usuário semelhante a de aplicativos nativos, mas sem os custos e limitações associados a eles. Ademais, a maioria das limitações não são problemas para a maioria dos aplicativos.