Aplicacions web progressives i implementació en Drupal 9

La necessitat de comoditat va generar moltes formes innovadores d'accedir a Internet. Les aplicacions mòbils natives i les aplicacions web són dues d'aquestes tecnologies que han fet que la navegació per Internet sigui fàcil i convenient. En aquest article, parlarem sobre les aplicacions web progressives i com es poden implementar amb Drupal utilitzant el mòdul d'aplicacions web progressives de Drupal. Però abans d'aprofundir en tot això, vegem les característiques de les aplicacions natives i web i com les aplicacions web progressives omplen els buits.

Característiques de les aplicacions mòbils natives

• Són aplicacions específiques de la plataforma. Això també significa que s'han de reconstruir per a cada nova plataforma (iOS, Android).
• Necessiten ser descarregades.
• Generalment super ràpides.
• Riques en característiques i funcionalitats.
• Es poden integrar perfectament en qualsevol dispositiu i sentir-se part d'ell.
• Poden treballar sense connexió.
• Poden accedir fàcilment a les dades del dispositiu, al maquinari del dispositiu i al sistema de fitxers local.
• Més cares de desenvolupar, mantenir i actualitzar.
• Estan preaprovades per motius de seguretat i es poden descarregar a les botigues d'aplicacions.
• Difícils de rastrejar per als motors de cerca.

Característiques de les aplicacions web

• No depenen de la plataforma. Tot el que necessiten és un navegador per accedir-hi. Són compatibles amb la majoria dels navegadors moderns. No cal descarregar-les.
• No hi ha un SDK en particular per desenvolupar-les. El frontend es desenvolupa utilitzant HTML, CSS, JavaScript i una LAMP o una pila MEAN per al backend.
• No és necessari actualitzar-les. Menors costos de desenvolupament i manteniment.
• Encara que necessiten autenticació, la seguretat és un problema perquè poden ser vulnerables a l'accés no autoritzat.
• No funcionen sense connexió i poden ser més lentes que les aplicacions mòbils natives.
• No apareixen a les botigues d'aplicacions, per la qual cosa descobrir-les pot ser més difícil.

Què són les aplicacions web progressives i com omplen el buit?

En resum, les aplicacions web natives són altament capaces però manquen d'abast. Mentre que les aplicacions web tenen un abast més ampli però manquen de capacitats. I aquí és on entren en joc les aplicacions web progressives per tancar les bretxes.

Les aplicacions web progressives són una combinació ideal dels beneficis de les aplicacions natives i les aplicacions web. Utilitzant capacitats web modernes, les aplicacions web progressives (PWA) poden oferir experiències similars a les d'una aplicació als usuaris. Combina les funcions que ofereixen la majoria dels navegadors moderns amb els beneficis de les experiències mòbils. Es poden crear aplicacions similars a aplicacions natives, extremadament complexes i instal·lables. Ara que Web Assembly és compatible amb la majoria dels navegadors, les PWA es poden crear en els idiomes que triï el desenvolupador, la qual cosa augmenta àmpliament l'abast i la flexibilitat de les funcionalitats que poden oferir.

Característiques de les aplicacions web progressives

Són independents de la plataforma i el dispositiu. Funcionen meravellosament en qualsevol navegador.

• Es carreguen ràpid i són extremadament fiables (fins i tot amb una velocitat d'Internet baixa). El desplaçament és molt suau i fluid.
• També poden treballar sense connexió.
• Es poden habilitar notificacions push natives similars a aplicacions.
• Poden accedir al maquinari i a les dades del dispositiu com aplicacions natives.
• Es poden afegir accessos directes a la pantalla d'inici de l'usuari (en lloc de descarregar-los)
• Sense necessitat d'instal·lacions complexes. Poden compartir les URL fàcilment.
• Responsive en tots els dispositius.
• Són més fàcils i ràpides de desenvolupar. El manteniment també és senzill.

Abans de parlar sobre el mòdul PWA en Drupal, vegem els requisits mínims per crear una PWA:

• S'ha d'executar sobre HTTPS.
• Ha d'incloure un treballador de servei: el Service Worker és un script (javascript) que s'executa sobre https al navegador i proporciona accés al navegador. Proporciona funcions natives similars a aplicacions, com lliurament de contingut sense connexió, notificacions push, etc.
• Ha de tenir un manifest d'aplicació web, que és un fitxer JSON que conté metadades amb informació sobre l'aplicació web, com el nom, la descripció, l'autor i més. Això també és útil per a l'optimització de motors de cerca.

El mòdul PWA Drupal: com crear aplicacions web progressives amb Drupal 9 (i 8)

El mòdul Drupal PWA és fàcil d'instal·lar i ve amb Service Worker (per a emmagatzematge en memòria cau i altres capacitats similars a aplicacions sense connexió) i Manifest.js que podem configurar. No obstant això, hem d'assegurar-nos de tenir SSL instal·lat abans de començar amb el procés d'instal·lació de PWA. Si el nostre requisit és extremadament específic amb tones de personalitzacions, podem desenvolupar la PWA utilitzant marcs frontals com Angular o React i personalitzar el nostre propi Service Worker.