Descubra os prós e contras dos Progressive Web Apps (PWAs)

Não se engane – aplicativos da web progressivos não são uma tecnologia nova e maluca sobre a qual você não poderá ter uma conversa educada com seus amigos após uma rápida leitura de artigo.

Eles são essencialmente aplicativos da web modernizados com um nome chique (obrigado, Google Chrome).

Mas ainda assim, desperte para os motivos pelos quais muitas organizações decidem que um PWA é mais adequado para suas necessidades. Não só é mais barato construir, comercializar e manter um PWA em comparação com um aplicativo nativo, como também pode ser o que os clientes preferem.

Você já perguntou aos seus clientes se eles querem ser redirecionados para a loja de aplicativos apenas para fazer sua próxima reserva de hotel ou reservar um carro alugado? Talvez isso seja conversa para outro dia...

O que é um aplicativo da Web progressivo?

Antes de começarmos a entender os casos de uso para criar um aplicativo da Web progressivo versus um aplicativo nativo ou um aplicativo da Web tradicional, vamos nos certificar de cobrir o básico.

Em primeiro lugar, você precisa saber sobre aplicativos da Web progressivos porque eles são o caminho do futuro. De acordo com uma pesquisa de leitores com mais de 800 tecnólogos, feita pela JAX Enter, 46% dos entrevistados disseram acreditar que os PWAs são o futuro - não aplicativos nativos ou híbridos.

Diferença entre aplicativos da Web progressivos, aplicativos da Web não progressivos e aplicativos nativos

Mesmo desenvolvedores seniores tendem a confundir aplicativos progressivos com não progressivos ou não progressivos com nativos. Ainda assim, existem diferenças distintas entre esses tipos de aplicativos.

Fonte

Aplicativos nativos são aplicativos criados em um idioma específico para um dispositivo específico (smartphone, tablet etc.) e devem ser baixados de uma loja de aplicativos. No exemplo acima, o aplicativo MyPay da Dish é um aplicativo nativo porque pode ser baixado da Apple App Store e foi desenvolvido para dispositivos iOS. Mesmo que você também possa baixar o aplicativo MyPay do Dish no Google Play, o Dish realmente teve que desenvolver um segundo aplicativo nativo para que isso fosse possível.

Ao ter que projetar e desenvolver dois aplicativos móveis diferentes para seus clientes, você pode começar a ver uma grande desvantagem no desenvolvimento de aplicativos nativos.

Um tipo de aplicativo mais consciente do orçamento? Aplicações web não progressivas. A forma mais antiga de aplicativos da Web, um aplicativo da Web não progressivo, é um aplicativo que não precisa ser baixado de uma loja de aplicativos; em vez disso, só é acessível pela web.

Parece um aplicativo, mas na verdade é apenas um site com recursos aprimorados. Observe que o exemplo de aplicativo da Web não progressivo na imagem acima, Evolve Vacation Rentals, é seguro, responsivo e elegante – mas não é considerado um PWA.

De fato, para que um aplicativo baseado na Web seja considerado um aplicativo da Web progressivo, o Google diz que o seguinte deve ser verdade sobre o aplicativo:

• Progressivo . Ele deve funcionar em todos os tipos de navegador, não apenas no IE ou no Chrome.
• Responsivo . O aplicativo deve caber em todos os telefones, tablets e aparelhos de tecnologia modernos do futuro.
• Independente . Ele deve ter a capacidade de trabalhar offline ou em uma conexão de rede de baixa intensidade.
• App-esque . O aplicativo usa navegação e estilo no estilo de aplicativo.
• Fresco. Sempre atualizado.
• Seguro. Servido aos usuários por meio da segurança da camada de transporte, ou mais comumente chamado de URL HTTPS.
• Detectável. Localizável usando um mecanismo de pesquisa.
• Reativável. Capacidade de reengajar os usuários do aplicativo por meio da plataforma (ou seja, notificações push).
• Instalável. Os usuários podem instalar o aplicativo em sua tela inicial por meio da loja de aplicativos para permitir um acesso fácil e conveniente.
• Linkável. O aplicativo pode ser compartilhado com outras pessoas usando um URL.

Recursos de aplicativos da web progressivos

O Google tem suas classificações para o que torna um aplicativo da Web um aplicativo da Web progressivo , mas você pode estar se perguntando como uma pessoa pode determinar se um aplicativo da Web é progressivo sem manter uma lista de verificação à mão? Para poder fazer exatamente isso, vamos examinar os principais recursos de um PWA.

Contextos seguros (HTTPS)

É difícil chamar um aplicativo de progressivo se ele não aderir aos melhores e mais recentes padrões de segurança de dados. Contextos seguros é um padrão de segurança que fornece um nível de confiança para os usuários do site, sugerindo que o aplicativo da Web que eles estão usando está fornecendo conteúdo de maneira segura.

Como é uma prática recomendada para qualquer site em 2020, um recurso importante dos PWAs é que eles são criptografados por TSL/SSL, garantindo contextos seguros. Para determinar rapidamente se um aplicativo da Web é seguro, basta procurar um HTTPS no URL da página.

Se você estiver usando um aplicativo Web que não tenha uma conexão HTTPS, ele não poderá ser considerado um PWA.

Fonte

Trabalhadores de serviço

Em termos de tecnologia, um trabalhador de serviço não é a pessoa que lhe entrega sua comida para viagem – mas vamos ficar com essa analogia!

Digamos que você está em um restaurante e a energia acaba. Se você está com fome como sempre, você está preso comendo salada ou sopa fria. Mas o que um service worker faz é usar o cache para garantir que sua experiência nunca seja prejudicada. Ou melhor, um funcionário do serviço garante que você ainda terá uma refeição quente.

O que isso significa da perspectiva da experiência do usuário do PWA é que, se você estiver navegando no aplicativo e perder a conexão com a Internet, não notará. Ou se você já esteve nesse PWA antes, sua experiência será carregada extremamente rápido - como se você tivesse pedido seu jantar com antecedência.

Como isso é possível? Com um pequeno arquivo JavaScript, é tudo. Os service workers mais avançados podem até ser conectados a APIs push, permitindo que os PWAs enviem notificações push aos usuários para mantê-los engajados.

Arquivos de manifesto

Para criar uma experiência de usuário mais personalizada, os PWAs geralmente aproveitam os arquivos de manifesto. Resumindo, um arquivo de manifesto é um arquivo que contém metadados para um agrupamento de arquivos que fazem parte de uma única unidade.

Essencialmente, os meta-arquivos costumam ser usados ​​para informar aos navegadores da Web como um aplicativo PWA deve se comportar quando for aberto em um dispositivo específico. Ao criar um arquivo de manifesto para um PWA, um desenvolvedor pode definir um ícone de aplicativo padrão ou uma cor de tela inicial. Um desenvolvedor também pode garantir que um aplicativo seja aberto em uma janela de navegador em tela cheia para criar uma experiência mais semelhante a um aplicativo em um dispositivo específico.

Fonte

Vantagens do PWA

Claro, existem vantagens para todos os tipos de aplicações. Bart Deferme, Diretor de Desenvolvimento de Produtos Ágeis da Spire Digital, diz:

"Diferentes tipos de aplicativos são vantajosos em diferentes casos de uso para diferentes organizações. Os aplicativos nativos são ideais para organizações que sabem que seus usuários preferem um aplicativo nativo a um PWA ou um aplicativo da Web não progressivo. Mas para empreendedores que tentam obter uma prova de conceito ao lançar um MVP enxuto, um aplicativo da web não progressivo ou um PWA são rotas mais econômicas.”

Tendo em mente que sempre há casos de uso em que diferentes tipos de aplicativos são a melhor solução, aqui estão as vantagens gerais de usar um aplicativo da Web progressivo em relação a outro tipo de aplicativo:

Detectável

O Google recebe 3,5 bilhões de pesquisas por dia, tornando-se o maior mecanismo de pesquisa do mundo. É seguro dizer que, quando as pessoas têm um problema ou uma pergunta, elas perguntam ao Google. Isso representa uma grande oportunidade para as organizações que implantam PWAs porque podem viver na Web, além de uma loja de aplicativos. Isso torna mais fácil para as pessoas encontrarem um PWA em comparação com outros aplicativos.

A capacidade de descoberta do PWA é uma grande vantagem, pois permite que os usuários pesquisem onde mais pesquisam, obtenham respostas e concluam ações em um só lugar. Com um PWA, eles não precisam pular as etapas de baixar um aplicativo inteiro e assistir a uma roda de download da loja de aplicativos rolar lentamente para '100%, download completo'.

Instalável

Se um usuário realmente gosta de usar um PWA ou simplesmente o usa com frequência, não precisa marcá-lo como favorito em seu computador e em seus navegadores de celular como faria com um aplicativo da Web não progressivo. Uma simples visita à loja de aplicativos e aos usuários permite que os usuários tenham acesso aos seus PWAs favoritos na mesma quantidade de tempo que fariam com seu aplicativo nativo típico.

Linkável

É muito mais fácil compartilhar um link para seu aplicativo favorito com um amigo do que dizer a ele para 'procurar aquele aplicativo na loja de aplicativos'. Os links podem ser compartilhados facilmente por e-mail, dms de mídia social, etc. Linkability e descoberta são duas vantagens do PWA que funcionam em sincronia, diminuindo a quantidade de tempo que leva para um usuário iniciante obter acesso a um aplicativo e também diminuindo a quantidade de tempo que leva para um superusuário compartilhar o aplicativo com amigos ou usuários em potencial.

Independente de rede

shmetwork de rede. Nunca seremos capazes de obter barras cheias em todos os lugares que vamos no mundo. Mas, novamente, não precisamos de barras completas para operar um PWA, precisamos?

Os aplicativos da Web progressivos permitem que os usuários continuem ouvindo suas músicas favoritas em seu caminho através de um túnel e permitem que os trabalhadores de telecomunicações sejam notificados de uma queda de energia durante um blecaute em toda a cidade. Sem a necessidade de uma conexão de rede forte o tempo todo, os PWAs oferecem uma experiência de usuário mais confiável para todos os grupos de usuários.

Responsivo

Sempre quis jogar Words with Friends enquanto tentava parecer interessado em uma chamada de Zoom? Se o Words with Friends fosse um PWA em vez de um aplicativo nativo, você poderia (essa é uma ótima ideia, por favor, alguém faça isso acontecer). Os PWAs permitem uma experiência de usuário perfeita, independentemente do tipo de dispositivo ou navegador. Isso significa que você não precisa ter sempre seu telefone ou laptop à mão para usar seu aplicativo nativo ou não progressivo favorito.

Outra vantagem da capacidade de resposta é que ela também evita que as organizações tenham que produzir vários aplicativos para vários grupos de usuários. Seus usuários de laptops e telefones celulares podem ficar satisfeitos com a implantação de um único aplicativo - um PWA. Essa vantagem tende a ser um dos melhores pontos de venda de um PWA, pois economiza muito dinheiro para as organizações em gastos com TI e marketing.

Seguro

Especialmente ao usar um aplicativo financeiro, de saúde ou de seguro, os usuários querem saber que seus dados pessoais não estão sendo acessados ​​por algum cara nas Ilhas Cayman. Colocando de forma mais simples: a segurança cria confiança com os usuários. Contextos seguros e criptografias de URL permitem que os PWAs forneçam segurança aos seus usuários e aos bots de pesquisa do Google.

Conforme mencionado anteriormente, é uma prática recomendada usar uma criptografia SSL em todos os URLs da sua organização - aplicativos da Web incluídos. Se você não proteger seu aplicativo da web, o Google sempre afirmou que o desempenho do seu aplicativo da web nas páginas de resultados de pesquisa será afetado negativamente.

Fonte

Conclusão

Pense nisso: o mundo está caminhando para uma realidade Blade Runner, onde os humanos em breve estarão conectados ao software 24 horas por dia (se você ainda não estiver). Estar à frente da curva de tecnologia e obter o máximo ROI significa investir em software com o maior valor de longo prazo.

Os aplicativos nativos são criados para dispositivos específicos em linguagens específicas, tornando a experiência do aplicativo sem resposta e a base de código menos reutilizável. O código de aplicativos da Web não progressivos pode ser reutilizado para a criação de outros aplicativos, mas os aplicativos da Web não progressivos são criados apenas para navegadores específicos. Eles também não podem ser baixados de uma loja de aplicativos.

Os PWAs são o tipo de aplicativo mais preparado para o futuro, pois são:

• Detectável via web ou loja de aplicativos
• Responsivo e pronto para qualquer navegador
• Conexão de rede independente
• Seguro e criptografado
• E mais

Agora que você tem uma melhor compreensão de um PWA, você pode examinar melhor o caso de uso de seu aplicativo e determinar que tipo de aplicativo atende às necessidades de sua organização. Se você ainda não o fez, converse com seus clientes para descobrir seus desejos e necessidades e, em seguida, selecione um aplicativo para criar que forneça o maior valor a longo prazo para sua organização.

Um PWA é o ajuste certo para sua organização? Quem sabe. Mas nunca é uma má ideia entender melhor todas as suas opções de aplicação.

Obtenha uma compreensão mais completa de outros insights de desenvolvimento de aplicativos no hub de informações de desenvolvimento de aplicativos da G2.