PWA (Progressive Web App)

Què és una PWA?

Una Progressive Web App és un web que es comporta com una aplicació instal·lada. Corre al navegador, però es pot afegir a la pantalla d'inici, funcionar sense connexió, enviar notificacions push i carregar a l'instant en les visites següents. Sense botiga d'apps, sense descàrrega, sense una base de codi separada per a cada plataforma.

Tres coses ho fan possible. Un service worker, que és un script que el navegador executa en segon pla per fer caché de recursos i interceptar peticions de xarxa. Un manifest d'aplicació web, un petit fitxer JSON que li diu al dispositiu com instal·lar i mostrar l'app. I HTTPS, que tot el model exigeix. Comparada amb una app nativa, una PWA perd una mica d'accés a funcions profundes del dispositiu i cedeix una mica de rendiment brut. Guanya abast, una sola base de codi i actualitzacions que es publiquen sense passar per la revisió d'una botiga. Un tècnic de camp treballant en un soterrani sense cobertura pot continuar registrant inspeccions en una PWA, i les dades se sincronitzen tan bon punt torna la connexió.

Les PWA se situen entre un web responsive tradicional i una app mòbil nativa. Encaixen en contingut, comerç i eines on la fricció d'instal·lar i el control de la botiga fan més mal que la manca d'APIs natives.

Les PWA a Dallonses

Recorrem a una PWA quan un client necessita abast tipus app sense mantenir tres bases de codi. Un equip de producte va arribar gastant la meitat del seu pressupost a mantenir sincronitzades iOS, Android i web per a una eina que eren sobretot formularis i panells. La vam reconstruir com una sola aplicació web progressiva. L'avís d'instal·lació, la caché offline i el canal de push van sortir tots de la plataforma web, i la càrrega de manteniment va baixar a un únic stack.

Els service workers són fàcils de publicar i difícils de publicar bé. Una caché obsoleta que serveix preus antics o una sincronització que perd dades en silenci fa més mal que no tenir suport offline. Per això tractem l'estratègia de caché, el flux d'actualització i la gestió de conflictes com a enginyeria de base, no com un plugin que encens. El nostre desenvolupament d'apps mòbils i el nostre desenvolupament web passen per la mateixa disciplina de revisió i proves, sigui el resultat natiu o una PWA.

Et preguntes si una PWA encaixa en el teu producte, o si de debò necessites natiu? Resolguem-ho.

Parlem de PWAs