una pagina • Offre funzionalità extra (sito offline visibile, push notifications) • Facile: si attiva con un clic • Sicura: richiede il protocollo HTTPS • Installabile su Desktop
Si adatta al contenuto del sito. • Permette di realizzare strategie marketing low cost. • Offre servizi in app senza spese. • Sicura: protocollo HTTPS • Facile: si attiva con un clic
Aumento dell’accessibilità (traffic migliora il ranking), meno passaggi per accedere al sito. • Migliore esperienza (le push notifications e le altre funzioni possono migliorare l’esperienza dell’utente) • Aspetto grafico più accattivante dei browser.
tema grafico (prima della fine di <head>) • Hai un tema che non lo permette? Inserisci lo script in <head> o nel footer delle pagine. • NON aggiungerlo in function.php Visita http://bit.ly/2XsEB4Q per copiare il codice
service-worker.js • Inserisci il file nella root del sito. Premi “ Ctrl + Shift + I ” su Chrome, poi vai su Application > Service worker per vedere se è installato correttamente. Visita http://bit.ly/2XsEB4Q per copiare il codice
verrà utilizzata dalla cache, una dal browser. Se il browser ha una versione in cache della pagina la presenterà al posto di caricarne una nuova. Visita http://bit.ly/2XsEB4Q per copiare il codice
effetto sulla directory in cui è inserito e in tutte le sub directory. • Se vuoi che influenzi l’intero sito inseriscilo nella root. • Il file deve essere personalizzato. • Inserisci uno script su una sezione del sito che influenzi tutte le pagine.
effetto sulla directory in cui è inserito e in tutte le sottodirectory. • Se vuoi che influenzi l’intero sito inseriscilo nella root. • Il file deve essere personalizzato. Visita http://bit.ly/2XsEB4Q per copiare il codice
effetto sulla directory in cui è inserito e in tutte le sottodirectory. • Se vuoi che influenzi l’intero sito inseriscilo nella root. • Il file deve essere personalizzato. Visita http://bit.ly/2XsEB4Q per copiare il codice
file sia installato correttamente. • Se tutto è andato correttamente, spunterà un popup (differente su ogni browser) che avviserà della possibilità di installare la progressive web app del sito.
di pubblicare i siti sugli sugli store (Windows, Android, iOS). • Utilizzare una sezione di un sito come app. • Avere un servizio integrato (app) integrato nel database di un e- commerce.
Realizzarla a partire dall’installazione della PWA https://developers.google.com /web/updates/2019/02/using- twa (CORRETTO) • Utilizzare un repository Google e completare l’operazione da se (CORRETTO MA PIGRO) • Utilizzare servizi terzi per ricevere un APK pronta (VELOCE MA SVANTAGGIOSO)
se crescere come developer. • Il metodo veloce lascia il “segno” del metodo utilizzato (URL della App). • Inseriremo la TWA anche su iOS Store? No, richiederebbe un passaggio ulteriore.
nello spazio in cui è installato il tuo sito WordPress • Devi avere i requisiti su Lighthouse per generare la chiamata “Add to Homescreen” • Devi poter pubblicare app su Google Play https://play.google.com/apps/publish/ • Scaricare Android Studio • Scaricare da GitHub il file ZIP presente in https://github.com/GoogleChromeLabs/svgomg- twa
su CREA APPLICAZIONE • Inserisci le informazioni che servono per terminare la prima parte della creazione dell’app • Vai su Firma dell’app e copia Fingerprint SHA-256 del certificato • Vai a generare il Digital Statement Asset tramite https://developers.google.com/digital-asset- links/tools/generator
• 1) l’URL del sito, • 2) il nome dellApp di Google Play • 3) Fingerprint SHA-256 del certificato • Genera il codice che va dentro la cartella (da creare) /.well-known/assetlinks.json
su File > New > Import Project e caricare il progetto scaricato da GitHub. • Modifica il file AndroidManifest.XML inserendo i dati che combacino con la scheda dell’app e l’URL del sito da inserire • Vai su New > Image Asset per caricare le icone e le immagini di presentazione dell’app • Firma la app (genera una key) tramite il pannello Build > Generate Signed Bundle / Apk
Release dell’app dentro il tuo progetto su Google Play • Fornisci tutte le informazioni richieste dai singoli pannelli. • Non realizzare Beta o altro, dovresti generare varianti della key su Android Studio.
una PWA da zero per WordPress https://www.francescogiammanco.it/progressive-web- app-lighthouse/ Realizzare una TWA da zero https://www.francescogiammanco.it/trasformare-un- sito-in-twa/ TWA di GoogleChromeLabs https://github.com/GoogleChromeLabs/svgomg-twa Web App Manifest Generator https://app-manifest.firebaseapp.com/
wccta
masakiokuda
ruribou
kaityo256
vyadav
yatabe
cm_manaus
juanmartin2026
akiraasano
signer
aecrp
soysaucechin
tanoku
ivargrimstad
michaelherold
brad_frost
rabernat
aleyda
inesmontani
jonyablonski
nwiizo
marktimemedia
holman
