Le Progressive Web Applications (PWA per il suo acronimo in inglese) sono nate dalla mano di Google che cercava la necessità di creare un'applicazione flessibile e adattabile utilizzando solo tecnologie web che nel tempo stanno guadagnando popolarità principalmente negli ecosistemi mobili, poiché il processo di monitoraggio degli store di applicazioni viene aggirato.
Ma Che cos'è una PWA? A cosa servono le PWA? Quali vantaggi ci offrono rispetto alle applicazioni tradizionali? Se vuoi sapere non solo come funzionano queste applicazioni, ma anche come sfruttarle al meglio sul tuo computer o dispositivi mobili, ti invito a continuare a leggere.
Cos'è una PWA
Come ho accennato all'inizio di questo articolo, una PWA (progressive web app), tradotta come un'applicazione web progressiva, non è altro che un tipo di applicazione che è disponibile tramite un browser utilizzando solo HTML, CSS e JavaScript.
Queste applicazioni sono disponibili e sono compatibili con tutte le piattaforme che utilizzano un browser compatibile con questi standard, quindi possono essere installati su qualsiasi sistema operativo.
Una volta installati sul dispositivo, funzionano allo stesso modo di un'app, senza la necessità di una connessione internet, anche se per sua natura, senza internet, poco o niente deve mostrare.
Una PWA è un'applicazione web che funziona allo stesso modo di un browser ma senza mostrare l'interfaccia dello stesso, quindi dà l'impressione di essere un'applicazione autonoma.
Queste app non utilizzare i soliti sistemi di distribuzione come l'App Store su iOS e il Play Store su Android, quindi possono aggiungere funzioni che il sistema operativo in questione non include nelle sue linee guida.
Un altro dei punti di forza di queste applicazioni è che occupa molto meno spazio sul dispositivo in cui sono installati, non richiedono aggiornamenti (vengono aggiornati automaticamente quando cambia il design della pagina web) ed è supporta le notifiche.
Caratteristiche delle PWA
Le applicazioni web progressive sono nate dalla necessità di aiutare gli sviluppatori a creare applicazioni multipiattaforma poiché evita il lavoro di creazione di applicazioni diverse per ogni sistema operativo, sia esso Android, iOS, Windows, macOS, Linux ... Hanno anche una serie di caratteristiche che le rendono le applicazioni del futuro:
- Queste app adattarsi a qualsiasi schermo, che si tratti di un monitor, un tablet, un cellulare o qualsiasi altro dispositivo dotato di schermo.
- A differenza delle applicazioni che utilizzano la cache per caricare i dati, le applicazioni Web non memorizzano i dati dal servizio, quindi evitando di controllare i dati che sono stati modificati, caricano contenuto molto più velocemente.
- Funziona offline a Internet.
- Usano il protocollo HTTPS, protocollo che protegge il contenuto che viene inviato dal server al dispositivo da accessi indesiderati.
- Sono ricollegabile, quindi sono compatibili notifiche push.
- Maggio installa e condividi facilmente tramite un URL.
- Non richiedono di aggiornamenti.
Applicazioni PWA
Con il passare degli anni, sempre più sviluppatori offrono supporto per questo tipo di applicazioni. Alcuni dei più noti con Twitter, Youtube, Spotify, Instagram, Uber, Telegram, Pinterest e Facebook servizi che ci consentono di installare applicazioni sul nostro desktop e/o dispositivo mobile. Non tutte le applicazioni PWA possono essere installate su dispositivi desktop, ma su tutti i dispositivi mobili.
Se parliamo di applicazioni mobili, possiamo trovare Stadi di Google, Microsoft xCloud y GeForce di Nvidia. Queste piattaforme ci consentono di giocare a qualsiasi gioco che gira sui loro server dal nostro dispositivo mobile. Poiché Apple non consente questo tipo di applicazioni, l'unica soluzione praticabile è stata quella di creare questi tipi di applicazioni che non sono dovute passare attraverso l'App Store.
Se vuoi conoscere più applicazioni di questo tipo, puoi visitare il web trovaPWADove troverai una vasta directory con tutte le applicazioni disponibili.
Come installare PWA su iPhone
Installare una PWA su iPhone è semplice come crea un collegamento al sito web che stiamo visitando. Tuttavia, durante questo processo, sul desktop del nostro dispositivo viene creata una propria applicazione che non è passata attraverso l'App Store, quindi è uno dei metodi che le piattaforme di streaming video utilizzano per offrire i propri servizi saltando l'app di Apple limitazioni del negozio.
Una volta che siamo sulla pagina web da cui vogliamo installare la PWA, facciamo clic sul pulsante Condividi e selezioniamo l'opzione Aggiungere alla schermata Home. Da quel momento in poi, ogni volta che cliccheremo su quell'icona, l'applicazione si aprirà senza utilizzare il browser e si comporterà come qualsiasi altra applicazione.
Come disinstallare una PWA su iPhone
Per eliminare una PWA dall'iPhone, dobbiamo eseguire lo stesso processo di quando vogliamo rimuovere un'app dal dispositivo. Dobbiamo tenere premuto il dito sull'applicazione in questione e selezionare l'opzione Elimina applicazione tra tutte le opzioni che ci mostra.
Come installare PWA su Android
Utilizzando Google Chrome su Android, il processo per installare un'applicazione è semplice come visita il sito in questione Finché non abbiamo installato l'applicazione disponibile nel Play Store, poiché in tal caso, quando si visita il sito Web, l'applicazione installata sul nostro computer si aprirà automaticamente.
Quando si visita la pagina Web dell'applicazione che si desidera installare, Apparirà un messaggio che ci invita a installare l'applicazione. Tuttavia, invece di installare l'applicazione disponibile nel Play Store, installerà la versione PWA, una versione dell'applicazione che ci offre le stesse funzioni che possiamo trovare nell'applicazione nativa.
Come disinstallare una PWA su Android
Come l'iPhone, per disinstallare un'applicazione PWA installata su Android, dobbiamo fare clic sull'applicazione e trascinalo nella parte superiore dello schermo, in particolare per l'opzione Elimina applicazione. Durante questo processo, che dura alcuni secondi, le impostazioni di Google non si apriranno per invitarci a confermare che vogliamo eliminare l'applicazione.
Come installare PWA su Chrome
Se utilizziamo Chrome come browser principale e desideriamo installare una PWA, dobbiamo visitare la pagina Web in cui si trova. Quindi, alla fine della barra di ricerca, fai clic su icona che mostra una freccia verso il basso e confermiamo che vogliamo installare l'applicazione.
Una volta terminato il processo, l'applicazione si aprirà automaticamente e sarà disponibile nel menu Start del nostro computer come un'altra applicazione. Cosa c'è di più, verrà creata una scorciatoia sul nostro desktop in modo da non dover navigare nei menu di Windows.
Come disinstallare una PWA in Chrome
Se vogliamo disinstallare la PWA che abbiamo installato tramite Chrome, andiamo nella sua posizione nel menu Start, facciamo clic su di essa con il tasto destro del mouse e Selezioniamo l'opzione Disinstalla.
Come installare PWA su Microsoft Edge
Per installare una PWA nel browser Microsoft Edge basato sul motore Chromium, dobbiamo visitare la pagina web del servizio. In quel momento, clicchiamo su icona rappresentata da tre quadrati e un segno più. Questa icona rappresenta che il sito Web ci offre un'applicazione PWA da installare sul nostro computer.
Una volta che abbiamo confermato che vogliamo installare l'applicazione, automaticamente si aprirà sul nostro computer come un'applicazione completamente indipendente senza visualizzare l'interfaccia di un browser web.
L'applicazione è disponibile all'interno del menu di avvio del nostro team. Ma in più, anche è disponibile sul desktop come collegamento.
Come disinstallare una PWA in Microsoft Edge
Quando disinstalliamo la PWA, andiamo dove si trova nel menu Start, cliccaci sopra con il tasto destro mouse e selezionare l'opzione Disinstalla.
Come installare PWA in Firefox
Purtroppo, dalla Fondazione Mozilla, nel gennaio 2021 rimosso il supporto per l'installazione questo tipo di applicazione nella versione desktop, ma è ancora disponibile nelle versioni per dispositivi mobili. Un vero peccato per tutti noi che utilizziamo Firefox per essere uno dei browser che ci protegge di più durante la navigazione in internet.
Come installare PWA in altri browser
Il processo per installare le applicazioni PWA in altri browser è lo stesso di Chrome e Microsoft Edge. Non ci resta che cercare un'icona alla fine della barra degli indirizzi con la legenda Installa applicazione o simili.