I Service Worker

Non è la prima volta che affrontiamo il tema Progressive Web App, parlando di tutti i loro innegabili vantaggi. Sei però a conoscenza di come questa tecnologia funziona esattamente e di cosa la differenzia da un normale sito web? Questo articolo spiega in concreto cosa rende le PWA un qualcosa di unico: i Service Worker.
 

Questo è basicamente il guscio della tua applicazione, all'interno del quale vengono trasmessi i tuoi dati. È composto da HTML, CSS e Javascript, necessari per il funzionamento dell'interfaccia utente. L'utilizzo di un architettura di tipo App Shell consente di caricare rapidamente queste impostazioni leggere, riducendo in modo considerevole il tempo della prima visualizzazione.

È ciò che alla base di numerose funzionalità che distinguono una PWA da un comune sito web. Si posiziona tra l'app e il browser (o la rete quando disponibile) e può modificare il comportamento dell'applicazione grazie alle varie possibilità offerte, che ti spiegheremo più avanti in questo articolo. 

Un Manifest è un file che contiene dei metadati relativi ad altri file che questo descrive. È dunque un file descrittivo che consente all'app di avere un rendering più nativo con visualizzazione a schermo intero, icone ben definite, la possibilità di cambiare l'orientamento della schermata e, soprattutto, l'opzione di essere installata sulla home screen.
 

1/ Definizione e funzionamento.

Da un punto di vista tecnico, un Service Worker è uno script eseguito in background dal browser di navigazione. È capace di eseguire azioni in risposta a richieste di rete o informazioni trasmesse dal sistema operativo (cambi di connettività ad esempio). Permette agli sviluppatori di creare funzionalità avanzate come notifiche push o gestione della cache. Una volta che il service worker è installato nel browser di navigazione, esegue le attività assegnategli in modo indipendente, anche se l'utente non sta navigando sul sito. Il funzionamento di un service worker è simile a quello di un server proxy; fa da intermediario tra il browser e la rete in modo da rendere migliore la user experience, in particolare immaganizzando i dati di una pagina web in cache.
 

I service worker lavorano per avvicinare sempre più le Progressive Web App alle app native in termini di funzionalità. Qui di seguito hai alcuni esempi:

1) Sincronizzazione in background

Una volta che un service worker è installato, i siti web hanno la possibilità di eseguire il codice JavaScript senza dover essere in primo piano e senza che alcuna pagina web sia aperta nel browser. Questa funzionalità è simile agli aggiornamenti in background nelle app native, applicate esclusivamente al web. È utile per i regolari aggiornamenti dei dati del sito web, consentendo all'utente di vedere tutto questo in modo istantaneo. Ciò contribuisce inoltre a un miglioramento delle prestazioni, caricando bene allo stesso modo risorse statiche e pagine complete.

2) Accessibilità offline

Prima dell'arrivo dei service worker, la funzionalità offline per web app veniva gestita dall'interfaccia Appcache, che permetteva ai file dell'app di essere immagazzinati nella cache ed essere utilizzati in assenza di connessione.
Se l'accessibilità offline era dunque già possibile grazie ad Appcache, i service worker semplificano notevolmente questo tipo di operazione. In effetti Appcache presenta alcuni svantaggi, uno di questi è la mancanza di flessibilità.

I service worker vennero originariamente ideati come una sorta di versione avanzata di Appcache, questo per consentire agli sviluppatori di fornire alle proprie app delle funzionalità offline ottimali.
In termini di funzionamento i service worker intercettano le richieste di rete e dopo di che compiono delle azioni adeguate a seconda se la rete è disponibile o meno e se sono disponibili delle risorse aggiornate.

Ecco un esempio di strategia di caching che gli sviluppatori possono effettuare tramite service worker: Cache then Network.
 

Per concludere, hai dunque potuto vedere in questo post l'importanza dei service worker per il funzionamento di una Progressive Web App, in quanto numerose sono le funzionalità che dipendono dal suo 'lavoro', lasciando inoltre agli sviluppatori ampia libertà in fase di creazione di un'app. Le recenti notizie ci fanno poi ben intendere che i service worker avranno vita lunga e che Apple sta inoltre lavorando ad una versione compatibile del browser di navigazione Safari. E questo consentirà finalmente anche agli utenti iOS di sfruttare appieno questa nuova tecnologia.

I service worker e le Progressive Web App stanno per rivoluzionare il nostro modo di vedere il web, sia dal punto di vista degli sviluppatori che da quello degli utenti. Progressive Web App che dunque si stanno sempre più avvicinando alle app native, più di quanto potevamo immaginare.