Aplicativos web progressivos e implementação no Drupal 9

A necessidade de comodidade gerou muitas formas inovadoras de acessar a Internet. Os aplicativos móveis nativos e os aplicativos web são duas dessas tecnologias que tornaram a navegação na Internet fácil e conveniente. Neste artigo, falaremos sobre os aplicativos web progressivos e como você pode implementá-los com o Drupal usando o módulo de aplicativos web progressivos do Drupal. Mas antes de nos aprofundarmos em tudo isso, vamos ver as características dos aplicativos nativos e web e como os aplicativos web progressivos preenchem as lacunas.

Características dos aplicativos móveis nativos

• São aplicativos específicos da plataforma. Isso também significa que devem ser reconstruídos para cada nova plataforma (iOS, Android).
• Precisam ser baixadas.
• Geralmente super rápidas.
• Ricas em características e funcionalidades.
• Podem se integrar perfeitamente em qualquer dispositivo e se sentir parte dele.
• Podem trabalhar offline.
• Podem acessar facilmente os dados do dispositivo, o hardware do dispositivo e o sistema de arquivos local.
• Mais caras de desenvolver, manter e atualizar.
• Estão pré-aprovadas por motivos de segurança e podem ser baixadas nas lojas de aplicativos.
• Difíceis de rastrear para os motores de busca.

Características das aplicações web

• Não dependem da plataforma. Tudo o que precisam é de um navegador para acessá-las. São compatíveis com a maioria dos navegadores modernos. Não é necessário baixá-las.
• Não há um SDK específico para desenvolvê-las. O frontend é desenvolvido utilizando HTML, CSS, JavaScript e uma pilha LAMP ou MEAN para o backend.
• Não é necessário atualizá-las. Menores custos de desenvolvimento e manutenção.
• Embora precisem de autenticação, a segurança é um problema porque podem ser vulneráveis ao acesso não autorizado.
• Não funcionam offline e podem ser mais lentas do que os aplicativos móveis nativos.
• Não aparecem nas lojas de aplicativos, por isso descobri-las pode ser mais difícil.

O que são as aplicações web progressivas e como preenchem a lacuna?

Em resumo, os aplicativos web nativos são altamente capazes, mas carecem de alcance. Enquanto os aplicativos web têm um alcance mais amplo, mas carecem de capacidades. E é aí que entram em jogo os aplicativos web progressivos para fechar as lacunas.

Progressive Web Apps são uma combinação ideal dos benefícios dos aplicativos nativos e dos aplicativos web. Usando capacidades web modernas, os aplicativos web progressivos (PWA) podem oferecer experiências semelhantes às de um aplicativo para os usuários. Combina as funções oferecidas pela maioria dos navegadores modernos com os benefícios das experiências móveis. É possível criar aplicativos semelhantes a aplicativos nativos, extremamente complexos e instaláveis. Agora que o Web Assembly é compatível com a maioria dos navegadores, os PWA podem ser criados nos idiomas que o desenvolvedor escolher, o que amplia amplamente o alcance e a flexibilidade das funcionalidades que podem oferecer.

Características das aplicações web progressivas

São independentes da plataforma e do dispositivo. Funcionam maravilhosamente em qualquer navegador.

• Carregam rapidamente e são extremamente confiáveis (mesmo com uma velocidade de Internet baixa). A rolagem é muito suave e fluida.
• Também podem trabalhar offline.
• Podem ser habilitadas notificações push nativas semelhantes a aplicativos.
• Podem acessar o hardware e os dados do dispositivo como aplicativos nativos.
• Podem ser adicionados atalhos na tela inicial do usuário (em vez de baixá-los)
• Sem necessidade de instalações complexas. Podem compartilhar as URLs facilmente.
• Responsivo em todos os dispositivos.
• São mais fáceis e rápidas de desenvolver. A manutenção também é simples.

Antes de falar sobre o módulo PWA no Drupal, vejamos os requisitos mínimos para criar uma PWA:

• Deve ser executado sobre HTTPS.
• Deve incluir um trabalhador de serviço: o Service Worker é um script (javascript) que é executado sobre https no navegador e fornece acesso ao navegador. Fornece funções nativas semelhantes a aplicativos, como entrega de conteúdo offline, notificações push, etc.
• Deve ter um manifesto de aplicação web, que é um arquivo JSON que contém metadados com informações sobre a aplicação web, como o nome, a descrição, o autor e mais. Isso também é útil para a otimização de motores de busca.

O módulo PWA Drupal: como criar aplicativos web progressivos com Drupal 9 (e 8)

O módulo Drupal PWA é fácil de instalar e vem com Service Worker (para armazenamento em cache e outras capacidades semelhantes a aplicativos offline) e Manifest.js que podemos configurar. No entanto, devemos garantir que temos SSL instalado antes de começar o processo de instalação do PWA. Se nosso requisito for extremamente específico com toneladas de personalizações, podemos desenvolver o PWA usando frameworks front-end como Angular ou React e personalizar nosso próprio Service Worker.