Come pubblicare e aggiornare la tua PWA

La tua PWA

La tua app può essere anche una Progressive Web App, o PWA: un sito web che funziona come un'app, in qualsiasi browser, su telefono o computer, senza store. Ecco come pubblicarla (attivarla) e tenerla aggiornata.

Tutto parte da «Publish my project», in cima a ogni pagina. La tua PWA è immediata, senza prerequisiti.

Prima di pubblicare

Prima di pubblicare, dai alla tua PWA la sua icona: in «My App», «App icon», Custom, è «Apple Touch Icon», sotto PWA.

Poi, nella barra laterale, apri Publish, PWA, Publish: la pagina «PWA publication».

Cinque passaggi opzionali ti permettono di andare oltre: un tuo nome di dominio, l'ottimizzazione per i motori di ricerca, le notifiche push web, una chiave per le mappe e una sitemap. Nessuno è obbligatorio.

Un avviso ti segnala quando una funzione richiede qualcosa in più in una PWA: qui, una che usa la geolocalizzazione richiede una chiave API.

E Redirection stabilisce dove vanno i visitatori se un giorno disattivi la tua PWA.

Pubblicare la PWA

Quando sei pronto, clicca su «Publish my PWA».

GoodBarber genera la tua PWA. Ci vogliono alcuni minuti.

La tua PWA è online, al suo indirizzo. Segui il link o scansiona il codice QR con il telefono.

Per disattivarla, cliccheresti su Disable: i visitatori andrebbero allora dove hai scelto in Redirection.

In «Publish my project», ora la tua PWA è Live.

Aprire la PWA

Apri il suo indirizzo in qualsiasi browser. Su un computer, la tua app appare come un sito web.

Su un telefono, sembra proprio la tua app.

Anche i visitatori possono installarla: nel menu di Chrome, è «Install and create shortcut».

Un tocco su Install… e la tua icona si aggiunge alle loro app… e si apre a schermo intero, come un'app nativa.

Aggiornare la PWA

Ora cambia qualcosa nella tua app: nell'intestazione, per esempio il «Logo color».

L'anteprima lo mostra subito… ma la tua PWA no: mostra ciò che hai pubblicato l'ultima volta.

«Publish my project» ora indica «Update now»: ci sono modifiche in attesa di pubblicazione.

In Publish, PWA, Update, «Live update» elenca le modifiche che partono con «Update now».

Altre, come una nuova estensione o un'autorizzazione, richiedono di rigenerare la PWA: aspettano qui, finché non clicchi su «Rebuild my PWA».

Per pubblicare la modifica, apri «Publish my project» e clicca su «Update now»… poi conferma.

Pochi secondi dopo, il tuo progetto è aggiornato.

Ricarica la tua PWA: la modifica c'è. I visitatori la vedranno la prossima volta che la aprono.

Nuovi contenuti

Per i contenuti è diverso. Pubblica un articolo in una delle tue sezioni… ed è subito nella tua PWA, senza aggiornamenti da fare.

«Publish my project» indica ancora «Project updated». D'ora in poi, è da qui che pubblicherai le tue modifiche.