Desenvolupament d'Aplicacions

Què són les PWA?

Les PWA son les anomenades "Aplicacions Web Progressives" o, en anglès, "Progressive Web Apps"

Desenvilupament apps PWA
Jaume Malagarriga
Jaume Malagarriga

gener 25, 2020

Una mica d'història sobre les PWA

Els inicis de les Aplicacions Web Progressives, o Progressive Web Apps en anglès, es remunten al 2015, any en que Google les defineix com a "aplicacions que utilitzen l'última tecnologia en navegadors per oferir als dispositius mòbils una experiència el més semblant a les aplicacions nadiues". Al llarg d'aquest anys, aquesta tecnologia ha estat impulsada per grans empreses com Facebook i Twitter, i mica en mica s'ha anat convertit en una opció molt a tenir en compte a l'hora de desenvolupar una App, ja que les PWA disposen d'unes característiques impressionants.

Com s’instal·len?

Actualment ja existeixen algunes PWA a la Play Store i s'espera que en un futur pròxim Apple permeti el mateix a l'App Store. Però ara per ara la millor opció és accedir-hi amb un navegador, a partir de la pròpia URL de l’aplicació. Aquest fet denota que les PWA es poden fer servir com aplicacions web normals, sense haver d'instal·lar-les, facilitant així el primer contacte dels clients amb l’aplicació, ara ja no existeix l’impediment del temps ni l’espai d’emmagatzemament per provar-la per primera vegada. Tot i que si es vol gaudir de certes característiques, com per exemple utilitzar-les sense connexió a Internet llavors si que s'han d'instal·lar. Això es possible gràcies als Service Workers, scripts que s'executen en segon pla en el navegador, i que entre d'altres tasques, s'encarreguen d'emmagatzemar els continguts estàtics a la memòria cau. Cal remarcar que l'espai que ocupa en disc és molt petit, les aplicacions nadiues en canvi, ocupen força més espai. 

La instal·lació d’una PWA es pot fer creant un accés directe d’aquesta o clicant la icona d’instal·lació de PWAs del navegador Chrome. Si es crea un accés directe cal recordar marcar l'opció "obrir com a finestra", d'aquesta manera l'app es desvincula del navegador Chrome i s'obre en una finestra pròpia. També existeix la possibilitat que Chrome detecti automàticament si un web està dissenyat com a PWA, opció que s’activa escrivint a la barra de direccions "chrome://flags/#enable-desktop-pwas-omnibox-install", i habilitant l’opció “omnibox”. Un cop fet això cada cop que el navegador detecta un web dissenyat com a PWA apareix una icona en forma de signe de suma "+" que permet la seva instal·lació.

PWA 2048

PWA Acceso Directo

PWA icono escritorio

PWA Menu Desinstalar

PWA Menu Opciones

PWA Instalar app

Més característiques

A més a més de la navegació offline i la possibilitat de disposar d'un accés directe, les PWA disposen de més característiques interessants, com per exemple que les actualitzacions són automàtiques i que es duen a terme de manera instantània, fet que es deu a que no estan ubicades a cap botiga d’aplicacions.

Amb el temps les PWA s’han equiparat en gran mesura a les aplicacions nadiues pel que fa a l’accés del hardware del dispositiu: actualment poden rebre notificacions push, disposar de sincronització en segon pla, accedir al Bluetooth del dispositiu, així com als beacons i a la geolocalització. Finalment si l’aplicació ho permet també poden capturar imatges i vídeo.

Conclusió

Paga la pena desenvolupar una PWA en comptes d’una app nadiua? Doncs depèn de cada projecte, de les necessitats de cada client, del contingut que s’ha de mostrar i del pressupost. Però cal tenir en compte que les PWA es comporten igual que una app nadiua en quan a visualització, gestos, etc i tenen accés a la majoria de les funcions del dispositius actuals. A més a més es poden instal·lar, o no, que també és una avantatge, i accedir-hi amb la seva icona igual que una de nadiua. El seu manteniment és més senzill, i el temps de desenvolupament és inferior, ja que només se n’ha de dur a terme un que serveix per a tots els dispositius.
 

Comparteix aquest article

Articles Relacionats