Progressive Web App: compatibilità funzionalità a seconda del browser utilizzato

Il vantaggio numero 1 delle Progressive Web App, in comparazione con le vecchie web app, è senza ombra di dubbio la user experience che sono in grado di offrire.

Non è la prima volta che ne parliamo sul nostro blog, l'utilizzo dei Service Worker permette ai programmatori di PWA di integrare numerose funzionalità avanzate. Il Service Worker si installa nel browser di navigazione durante il primo utilizzo della Progressive Web App, svolgendo in seguito tutti i suoi compiti che gli vengono assegnati in modo indipendente.

Qui di seguito la lista dei browser di navigazione che supportano l'installazione di un service worker:

L'accessibilità offline dipende anche dal Service Worker, che una volta installato nel browser di navigazione, gestisce la memorizzazione dei file delle app nella cache, intercetta le richieste di rete ed esegue le azioni appropriate a seconda che la rete sia disponibile o meno. Questa funzionalità consente di consultare l'app senza connessione e migliorare la user experience. Anche in presenza di connessione, alcuni file non dovranno essere caricati dal server web visto che sono già stati memorizzati localmente.

Questa funzionalità è possibile (anche in questo caso) grazie alla capacità dei Service Worker di lavorare in background. Per far si che questo accada, due elementi complementari lavorano insieme: il Push API e il Notification API.

La scheda in basso mostra la compatibilità dei vari browser di navigazione con questo sistema di gestione e ricezione delle notifiche push. Tutti, eccetto Safari, si appoggiano al Service Worker per ottenere tale risultato. Safari utilizza infatti un sistema un sistema proprio di Apple chiamato APNs, che permette di ricevere notifiche push su OS X, ma non su iOS.

Un'altra particolarità delle PWA è che, anche se vi si accede via browser, queste possono essere installate direttamente nella schermata iniziale dell'utente, offrendo così a quest'ultimo un'esperienza di utilizzo di alto livello.

Questo è possibile grazie al Manifest JSON che è basicamente un file descrittivo che permette agli sviluppatori di tenere sotto controllo il modo in cui la Progressive Web App si comporta.
Il Manifest JSON consente dunque di salvare l'app sulla home screen direttamente dal browser. L'applicazione avrà in questo modo un proprio nome ed icona.

Le informazioni relative alla geolocalizzazione dell'utente dell'app possono essere recuperate grazie all'utilizzo dell'API Geolocation che permette, sempre con il consenso dell'utente, di recuperare la posizione geografica.

Questa API consente la comunicazione tra un'applicazione web e un dispositivo bluetooth: l'app chiede al browser di navigazione di far visualizzare la lista dei dispositivi bluetooth presenti nelle vicinanze; l'utente sceglie un dispositivo e chiude la finestra di dialogo. Per far si che non ci sia alcun rischio di sicurezza, l'applicazione deve essere assolutamente in HTTPS per poter fare uso dell'API Web Bluetooth.