Experts en Drupal

Aplicacions web progressives i implementació en Drupal 9

Internet es va construir per primera vegada amb el propòsit de millorar la comunicació per als militars i els científics durant la dècada de 1960. Aviat, la web es va transformar en un fenomen revolucionari al voltant de la dècada de 1990 i ha estat imparable des de llavors. Encara que el propòsit del web va seguir canviant, un dels propòsits que va romandre constant va ser la conveniència.

drauta
Jaume Codina
Jaume Codina

desembre 11, 2020

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 les podem 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é vol dir que han de reconstruir per a cada nova plataforma (iOS, Android).
  • Necesiten ser descarregades.
  • Riques en característiques i funcionalitats.
  • Poden integrarse a la perfección en qualsevol dispositiu i sentir-se part d'ell.
  • 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-los. El frontend es desenvolupa utilitzant HTML, CSS, JavaScript i una LAMP o una pila MEAN per al backend.
  • No cal actualitzar-les. Menors costos de desenvolupament i manteniment.
  • Encara que necessiten autenticació, la seguretat és un problema perquè pot ser vulnerable 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, de manera que 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 capaçes però no tenen abast. Mentre que les aplicacions web tenen un abast més ampli però no tenen capacitats. I aquí és on entren en joc les aplicacions web progressives per tancar les bretxes.

Progressive Web Apps és una combinació ideal dels beneficis de les aplicacions natives i les aplicacions web. Usant 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. Podem crear aplicacions similars a aplicacions natives, extremadament complexes i instal·lables. Ara que Web Assembly és compatible amb la majoria dels navegadors, els PWA es poden crear en els idiomes que triï el desenvolupador, el que augmenta àmpliament l'abast i la flexibilitat de les funcionalitats que pot 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 de  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 a crear una PWA:

  • Ha de executar-se sobre HTTPS.
  • Ha d'incloure un Service Worker: el Service Worker és un script (javascript) que s'executa sobre https al navegador i permet accedir a el 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 arxiu 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 pot configurar. No obstant això, haurem 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.

Comparteix aquest article

Articles Relacionats