Come installare una PWA su Windows 10 utilizzando Microsoft Edge

Un’app Web progressiva, nota anche come PWA in breve, è un tipo di software applicativo creato utilizzando HTML, CSS e Javascript. Le PWA funzionano su qualsiasi piattaforma e hanno molte delle stesse funzionalità delle normali app, comprese le notifiche push, la possibilità di lavorare offline e l’accesso all’hardware del dispositivo. A differenza di un wrapper Web, le PWA creano esperienze utente simili alle normali applicazioni. Inoltre, non è necessario che gli sviluppatori o gli utenti utilizzino un app store per installare le PWA.

In precedenza, WindoQ ti ha mostrato come installare Disney+ come PWA, ma puoi installare qualsiasi sito Web come PWA utilizzando Microsoft Edge. In un altro post, abbiamo esaminato ciò che è eccezionale e non così eccezionale nelle PWA. Prima di essere sopraffatto, tieni presente che l’installazione di PWA sul tuo PC Windows 10 non è così difficile come sembra. Con questa guida, vedrai quanto è facile da installare e disinstallare PWA su Windows 10 con Microsoft Edge.

Esistono due modi per installare PWA su Windows 10 utilizzando Microsoft Edge; automaticamente e manualmente.

1. Quando si accede a un sito Web che supporta la PWA in modo nativo, è possibile fare clic sull’icona del segno più a destra della barra degli indirizzi per installare automaticamente la PWA.

2. Se il sito Web non dispone di una PWA nativa, è possibile aggiungere manualmente una PWA direttamente dal menu delle opzioni di Edge. Vai al menu a tre punti in Edge, vai a App, e Installa questo sito come app.

Quando installi una PWA automaticamente o manualmente, sul desktop verrà visualizzato un collegamento alla PWA e con le altre app nell’elenco delle app nel menu Start di Windows 10. Puoi aggiungere le PWA al menu Start e alla barra delle applicazioni su Windows 10 per un accesso più semplice.

Puoi eliminare i collegamenti delle app PWA dal desktop e dall’elenco delle app in qualsiasi momento. Se vuoi visualizzare le PWA che hai creato automaticamente o manualmente, puoi farlo digitando edge://app nella barra degli indirizzi su Edge.

Usando il edge://app menu, puoi fare clic con il pulsante destro del mouse su qualsiasi PWA per modificare diverse impostazioni, inclusa l’apertura della PWA in modalità a schermo intero, la modifica delle autorizzazioni hardware del sito (videocamera, microfono, ecc.), bloccare le PWA selezionate sul desktop e nel menu Start e disinstallare il PWA.

In alternativa, puoi fare clic su X a destra per disinstallare anche le PWA. Da lì, ti verrà chiesto di scegliere se cancellare o meno i tuoi dati da Microsoft Edge. Una volta disinstallata, la PWA viene completamente rimossa dal tuo dispositivo Windows 10. Un altro modo per disinstallare una PWA è dall’interno della PWA facendo clic sul menu a tre punti nella parte superiore della PWA e scegliendo l’opzione Disinstalla.

Le PWA sono un’ottima alternativa alle app tradizionali perché le PWA non occupano tanto spazio sul disco rigido o occupano la maggior parte delle risorse hardware del tuo PC Windows 10. Le PWA sono anche un’ottima alternativa all’esecuzione di app complete se hai un dispositivo che esegue Windows 10 su ARM, come Surface Pro X.

Per gli sviluppatori che desiderano creare PWA native per la propria organizzazione, PWA Builder è un sito Web open source basato sulla comunità fondato da Microsoft che può aiutarti a iniziare.

FAQ

Come creare una PWA su safari?

Passa al sito Web che desideri aggiungere come PWA in Safari. Quindi tocca il pulsante “Condividi”, scorri verso il basso e tocca “Aggiungi alla schermata principale”. Inserisci il nome dell’app, quindi tocca Aggiungi. La PWA verrà visualizzata sulla schermata iniziale come un’app iOS nativa.

Posso installare una PWA sull’Omnibox?

È anche possibile installare una PWA desktop! Molti browser popolari hanno già integrato l’esperienza di installazione PWA nella omnibox. Per installare un’app Web progressiva sul desktop: Apri un’app Web nel browser preferito. Fare clic su un pulsante di installazione nella barra degli indirizzi.

Come installo una PWA sul mio dispositivo?

Apri un indirizzo URL di una PWA che desideri installare nel tuo browser. Apri le impostazioni del tuo browser. Scorri verso il basso e tocca Aggiungi alla schermata Home. Conferma toccando Aggiungi.Questo è tutto! Hai installato con successo una PWA sul tuo dispositivo e ora puoi accedere all’app Web installata semplicemente toccando l’icona!

Cosa sono le funzionalità PWA e come usarle?

Quindi, modifichiamolo nella prossima sezione introducendo alcune funzionalità PWA. Il manifest dell’app Web è un semplice file JSON che informa il browser sulla tua app Web. Indica come dovrebbe comportarsi una volta installato sul dispositivo mobile o desktop dell’utente. E per mostrare il prompt Aggiungi alla schermata iniziale, è necessario il manifest dell’app Web.

Come installo una PWA sul mio telefono?

Con la stragrande maggioranza dei dispositivi Android, l’installazione di una PWA è semplice come navigare sul sito Web che desideri installare su Chrome. Una volta lì, tocca il menu di overflow a tre punti nell’angolo in alto a destra, quindi seleziona “Aggiungi alla schermata iniziale”. Chrome ti chiederà di inserire un nome per l’app prima di aggiungerla alla schermata iniziale.

Ho bisogno di una PWA per abilitare “l’installazione della schermata iniziale”?

Tieni presente che non è necessario disporre di una PWA per abilitare la funzione di “installazione della schermata iniziale” per il tuo sito Web, tuttavia, questa funzione è particolarmente potente con le app Web progressive poiché crea questo aspetto di “app nativa” in modo che il tuo gli utenti potrebbero anche non accorgersi che stanno navigando in un sito web! È anche possibile installare una PWA desktop!

Come installare una PWA in Microsoft Edge?

Quando visitano un sito Web che si desidera installare, gli utenti di Edge possono fare clic sul pulsante del menu con tre punti e selezionare “App”. Successivamente, fare clic su “Installa questo sito come app”. Edge installerà la PWA e, come con Chrome, gli utenti sarà in grado di aggiungere l’app alla barra delle applicazioni.

Come rimuovo una PWA dal mio dispositivo?

Apri l’app PWA che desideri rimuovere, quindi fai clic sull’icona con tre punti nell’angolo in alto a destra dello schermo. Nel menu visualizzato, fai clic su Disinstalla “nome app”. Quindi, ti imbatterai in una richiesta di conferma.

Come si installa un’app Web progressiva (PWA) su Omnibox?

Molti browser popolari hanno già integrato l’esperienza di installazione PWA nella omnibox.Per installare un’app Web progressiva sul desktop: Apri un’app Web nel browser preferito. Fare clic su un pulsante di installazione nella barra degli indirizzi. Fare clic su Installa.

Come installo una PWA da un browser?

Sebbene l’installazione differisca in base al browser e al sistema operativo, non è necessario creare alcun tipo di pacchetto o eseguibile per l’installazione della PWA da un browser. Ogni browser ha un criterio che contrassegna quando un sito Web o un’app Web è un’app Web progressiva e può essere installata per un’esperienza autonoma.

Come faccio a sapere se è stata installata una PWA?

Se un sito soddisfa i criteri di installabilità dell’app Web progressiva, Chrome mostrerà automaticamente un’icona di installazione nella barra degli indirizzi. Facendo clic sul pulsante si richiede all’utente di installare la PWA. Come altri eventi di installazione, puoi ascoltare l’evento appinstalled per rilevare se l’utente ha installato la tua PWA.

Come trasformare la tua app web tradizionale in una PWA?

Tuttavia, per poter trasformare la nostra app Web tradizionale in una PWA, dobbiamo modificarla un po’ aggiungendo un file manifest dell’app Web e un service worker. Non preoccuparti di questi nuovi termini: li tratteremo di seguito.