{"id":28730,"date":"2020-07-25T09:44:07","date_gmt":"2020-07-25T09:44:07","guid":{"rendered":"https:\/\/www.accuratereviews.com\/?p=28730"},"modified":"2020-07-25T10:02:15","modified_gmt":"2020-07-25T10:02:15","slug":"crea-app-web-progressiva-pwa-con-google-workbox","status":"publish","type":"post","link":"https:\/\/www.accuratereviews.com\/it\/crea-app-web-progressiva-pwa-con-google-workbox\/","title":{"rendered":"Crea un’app Web progressiva (PWA) con Google Workbox"},"content":{"rendered":"

Le app native sono note per le loro ampie funzionalit\u00e0, dato che sono perfettamente integrate con il dispositivo su cui sono installate. Le app Web\u00a0 non vantano le stesse funzionalit\u00e0 delle app native. Tuttavia, poich\u00e9 dipendono dal browser sul quale vengono eseguite, sono note per avere una\u00a0 maggiore compatibilit\u00e0. Le PWA combinano il meglio dei due mondi. Queste app sono sviluppate con linguaggi di programmazione e scripting standard come CSS, HTML, JavaScript, proprio come qualsiasi sito Web. \u00c8 possibile accedere a una PWA tramite qualsiasi browser conforme agli standard. Hanno funzionalit\u00e0 offline e notifiche push e possono anche accedere all’hardware di qualsiasi dispositivo, proprio come le app native. Forse la parte migliore \u00e8 che possono essere utilizzati da qualsiasi tipo di attivit\u00e0, dalle autorit\u00e0 di marketing digitale come Neil Patel<\/a><\/span> ai servizi di revisione della scrittura personalizzati come Best Writers Online<\/a><\/span> e Online Writers Rating<\/a><\/span>. Chiunque pu\u00f2 utilizzare app Web a proprio vantaggio.<\/p>\n

Come puoi sviluppare un PWA?<\/h2>\n

Il modo pi\u00f9 popolare sarebbe tramite Google Workbox<\/a>. Qualsiasi sviluppatore che ha utilizzato SolidWorks toolbox<\/strong>\u00a0 e sq-precache, apprezzer\u00e0 il passaggio a Workbox. Pu\u00f2 essere utilizzato per la generazione di service worker<\/strong>, per eseguire il precaching, il routing e la cache di runtime, grazie ai suoi solidi strumenti e librerie. Workbox pu\u00f2 anche aiutarti a sincronizzare il tuo service worker con Google Analytics e la sincronizzazione in background.<\/p>\n

Scrivere il proprio PWA con Workbox implica essenzialmente la creazione di un service worker. Per questo, dovrai lavorare attraverso la libreria workbox-sw.js e anche Node.js (il modulo workbox-cli).<\/p>\n

Prerequisiti per lo sviluppo di PWA tramite Workbox:<\/p>\n

\u25cf Conoscenza di base dello sviluppo front-end di JavaScript, HTML e CSS
\n\u25cf Conoscenza delle Promises su ES2015 (ES6)
\n\u25cf Conoscenza del funzionamento da riga di comando
\n\u25cf Buona esperienza con i service worker
\n\u25cf Esperienza ragionevole con Node.js
\n\u25cf Connessione a Internet
\n\u25cf Browser conforme agli standard<\/a>
\n\u25cf Accesso al terminale \/ shell tramite un desktop \/ laptop
\n\u25cf Qualsiasi editor di testo
\n\u25cf Node.js e Node Package Manager (npm)<\/p>\n

I seguenti passaggi ti aiuteranno a eseguire un service worker di base per un semplice PWA stile blog tramite Google Workbox. In questo modo potrai avere un’idea di cosa pu\u00f2 fare per te un PWA .<\/p>\n

# 1 Installa Node.js<\/h3>\n

Segui questo link<\/a> per ottenere l’ultima versione di Node.js LTS (lungo termine di supporto). Visita Github per scaricare il codice di avviamento in formato zip. Oppure potresti semplicemente clonarlo da Github<\/a> con questo comando:<\/p>\n

git clone https:\/\/github.com\/googlecodelabs\/workbox-lab.git<\/p>\n

Questo passaggio non \u00e8 necessario se si dispone gi\u00e0 di Lode Node.js.<\/a><\/p>\n

# 2 Imposta le dipendenze del progetto e avvia il server<\/h3>\n

Nella riga di comando, accedi alla directory del progetto, usando:<\/p>\n

cd workbox-lab\/project<\/pre>\n
Quindi eseguire i comandi seguenti:<\/p>\n
npm install\r\nnpm install --global workbox-cli@^3.0.0<\/pre>\n
Questi prepareranno le dipendenze del progetto.<\/p>\n
Quindi, esegui questi comandi di creazione e pubblicazione di app:<\/p>\n
npm run build\r\nnpm run start<\/pre>\n
Apri http: \/\/ localhost: 8081 \/<\/a> per avviare l’app e verificarla. Tieni presente che a questo punto, abbiamo un service worker vuoto.<\/p>\n
# 3 Usa workbox-sw per creare un service worker di base<\/h3>\n
Ora che disponiamo di un’app di avvio funzionale, aggiungi lo snippet di codice seguente nel file del service worker, src \/ sw.js<\/strong> (questo file pu\u00f2 essere nella cartella workbox-lab \/ project<\/strong>):<\/p>\n
src\/sw.js\r\nimportScripts ( 'https:\/\/storage.googleapis.com\/workbox-cdn\/releases\/3.5.0\/workbox-sw.js');\r\n\r\nif (casella di lavoro) {\r\nconsole.log (`Yay! Workbox \u00e8 caricato \ud83c\udf89`);\r\n\r\nworkbox.precaching.precacheAndRoute ([]);\r\n\r\n} else {\r\nconsole.log (`Boo! Workbox non ha caricato \ud83d\ude2c`);\r\n}<\/pre>\n
Salva dopo aver inserito questo nel file src\/sw.js.<\/p>\n
# 4 Configura la casella di lavoro<\/h3>\n
Il prossimo passo \u00e8 creare il file di configurazione per il workbox-cli.<\/strong> Questo \u00e8 il passaggio preliminare da eseguire per iniettare il service worker con un precache manifest .<\/p>\n
Immettere questo comando dalla directory del progetto.<\/p>\n
procedura guidata casella di lavoro –injectManifest<\/p>\n
La riga di comando fornir\u00e0 alcuni prompt dopo aver eseguito questo comando.<\/p>\n
\u25cf Quando il primo prompt richiede il percorso principale dell’utente. Rispondi a questa richiesta digitando “build \/.” Questa risposta pu\u00f2 essere suggerita dal prompt stesso, nel qual caso puoi semplicemente scegliere “build \/” dall’elenco.
\n\u25cf Il prompt che segue richieder\u00e0 i tipi di file della cache. Seleziona solo i file CSS della cache.
\n\u25cf Qui fornirai il percorso di origine del tuo service worker – src\/sw.js. Basta inserire questo nome file e fare clic su Invio.
\n\u25cf Il prompt successivo \u00e8 il percorso per scrivere il service worker di produzione. Immettere “build\/sw.js” e fare nuovamente clic su Invio.
\n\u25cf Questo, l’ultimo comando, richieder\u00e0 di assegnare un nome al file di configurazione. Basta fare clic su “a capo” e utilizzare “workbox-config.js”, che dovrebbe essere fornito come risposta predefinita dal prompt.<\/p>\n
Per ora, ignora qualsiasi istruzione di registro che viene visualizzato per aiutarti a creare il tuo service worker. Questo passaggio verr\u00e0 seguito pi\u00f9 avanti nel processo di creazione.<\/p>\n
# 5 Iniettare il lavoratore del servizio con manifest precache utilizzando il workbox-cli<\/h3>\n
Per eseguire il comando injectManifest in Workbox, \u00e8 necessario aggiornare lo script di compilazione in package.json<\/strong>.<\/p>\n
{\r\n\"name\": \"workbox-lab\",\r\n\"versione\": \"1.0.0\",\r\n\"descrizione\": \"un laboratorio per l'apprendimento della casella di lavoro\",\r\n\"main\": \"index.js\",\r\n\"script\": {\r\n\"test\": \"echo \\\" Errore: nessun test specificato \\ \"&& exit 1\",\r\n\"copy\": \"copyfiles -u 1 src \/ ** \/ ** \/ * src \/ ** \/ * src \/ * build\",\r\n\"build\": \"npm esegui copia && workbox injectManifest workbox-config.js\",\r\n\"start\": \"node server.js\"\r\n},\r\n\"autore\": \"\",\r\n\"licenza\": \"ISC\",\r\n\"dipendenze\": {\r\n\"express\": \"^ 4.16.3\"\r\n},\r\n\"devDependencies\": {\r\n\"copyfiles\": \"^ 1.2.0\",\r\n\"workbox-cli\": \"^ 3.5.0\"\r\n}\r\n}<\/pre>\n
Esegui il comando npm run build dopo aver salvato il file. A questo punto, il file build \/ sw.js<\/strong> dovrebbe essere aggiornato con la chiamata precacheAndRoute. Controlla lo stile \/ main.css nel file manifest di build \/ sw.js tramite l’editor di testo.<\/p>\n
Di nuovo, apri http:\/\/localhost: 8081\/ e vai agli strumenti per sviluppatori<\/a> nel tuo browser (usa il collegamento Ctrl + Maiusc + I in Google Chrome; e Cmd + Opt + I per Mac). Per testare il nuovo service worker, Annullare la registrazione ed eliminare la cache locale del service worker. In alternativa, puoi semplicemente fare Applicazione> Cancella archiviazione> Cancella dati del sito in Chrome DevTools.<\/p>\n
Eseguire un refresh della pagina per garantire la corretta installazione del nuovo service worker. Inoltre, ricontrollare la cache per assicurarsi<\/a> che il file main.css<\/strong> sia archiviato.<\/p>\n
# 6 Reiniettare un manifest aggiornato<\/h3>\n
Estrarre il contenuto del file workbox-config.js<\/strong> e sostituirlo con il frammento di codice seguente:<\/p>\n
module.exports = {\r\n\"globDirectory\": \"build \/\",\r\n\"globPatterns\": [\r\n\"** \/ *. Css\",\r\n\"Index.html\",\r\n\"JS \/ animation.js\",\r\n\"Images \/ home \/ *. Jpg\",\r\n\"Images \/ icona \/ *. Svg\"\r\n],\r\n\"swSrc\": \"src \/ sw.js\",\r\n\"swDest\": \"build \/ sw.js\",\r\n\"globIgnores\": [\r\n\"..\/Workbox-config.js\"<\/pre>\n
Salva il file. Eseguire npm run build dalla directory del progetto per l’aggiornamento del manifest precache build\/sw.js. Il file manifest dovrebbe ora includere index.html<\/strong>, business.jpg, icon.svg, main.css<\/strong> e anche animation.js<\/strong>.<\/p>\n
Per aggiornare il nuovo service worker, per prima cosa esegui un aggiornamento dell’app. E poi in Chrome DevTools fai Applicazione> service workero> skipWaiting<\/strong>. Il file globPatterns dovrebbe essere nella cache ora.<\/p>\n
Spegni il server nella finestra della riga di comando in cui hai eseguito il comando npm run start. Fallo premendo Ctrl + C. La tua home page dovrebbe comunque essere caricata se la aggiorni adesso.<\/p>\n
# 7 Rotte dei service worker addizionali<\/h3>\n
Il codice seguente \u00e8 per l’aggiunta di percorsi al tuo service worker.<\/p>\n
workbox.routing.registerRoute (\r\n\/(.*)articles(.*)\\.(?:png|gif|jpg)\/,\r\nworkbox.strategies.cacheFirst ({\r\ncacheName: 'images-cache',\r\nplugin: [\r\nnew workbox.expiration.Plugin ({\r\nmaxEntries: 50,\r\nmaxAgeSeconds: 30 * 24 * 60 * 60, \/\/ 30 giorni\r\n})\r\n]\r\n})\r\n);<\/pre>\n
Il codice sopra deve essere inserito nella chiamata precacheAndRoute nel file src\/sw.js. Assicurati di non toccare build\/sw.js per evitare di sovrascrivere il file quando workbox injectManifest viene eseguito di nuovo.<\/p>\n
Salvare il file ed eseguire un riavvio del server. Quindi utilizzare i comandi seguenti per ricostruire nuovamente l’app e il service worker.<\/p>\n
npm run build\r\nnpm inizio corsa<\/pre>\n
Ancora una volta, aggiorna il lavoratore del servizio aggiornato per attivarlo. E assicurati che la cache delle immagini sia nella cache.<\/p>\n
# 8 Utilizza e personalizza una strategia di cache networkFirst<\/h3>\n
L’uso della strategia networkFirst \u00e8 l’opzione migliore per mantenere i contenuti aggiornati sul tuo PWA. In questo modo, il vecchio contenuto verr\u00e0 recuperato dall’operatore del servizio solo se questa strategia cache non funziona.<\/p>\n
In src\/sw.js<\/strong>, aggiungi il codice seguente:<\/p>\n
const articleHandler = workbox.strategies.networkFirst ({\r\ncacheName: 'articoli-cache',\r\nplugin: [\r\nnew workbox.expiration.Plugin ({\r\nmaxEntries: 50,\r\n\r\nworkbox.routing.registerRoute (\/(.*) articolo (. *) \\. html \/, args => {\r\narticolo di ritorno: Handler.handle (args);\r\n});<\/pre>\n
Come sempre, salva il file, esegui npm run build, svuota la cache in Chrome DevTools e usa il browser per aggiornare il lavoratore del servizio.<\/p>\n
Premi Aggiorna sulla home page e fai clic su uno degli articoli di tendenza. Ricordarsi di verificare e assicurarsi che la creazione degli articoli nella cache abbia avuto esito positivo. Inoltre, controlla se l’articolo di tendenza \u00e8 presente nella cache.<\/p>\n
# 9 Prova le funzionalit\u00e0 offline e asincrone delle app<\/h3>\n
Questo passaggio \u00e8 opzionale. Per valutare la memorizzazione dinamica nella cache, fai clic su altri articoli all’interno dell’app e visitali. Quindi usa Ctrl + C per portare l’app offline nella finestra della riga di comando. Apri l’app offline e rivisita gli articoli. Dovresti comunque vedere l’articolo memorizzato nella cache anzich\u00e9 la pagina offline del browser. Non dimenticare di riavviare il server utilizzando il comando npm run start.<\/p>\n
Un altro controllo. Scegli uno degli articoli memorizzati nella cache e modificane il contenuto. Esegui npm run build per l’aggiornamento dei file di build. Quindi ricaricare l’articolo. Anche con il vecchio articolo ancora memorizzato nella cache, dovresti ricevere l’articolo modificato e la cache dovrebbe essere aggiornata.<\/p>\n
Conclusione<\/h4>\n
A questo punto, capisci come lavorare con Workbox e i passaggi di base per costruire un service worker che sia funzionale e pronto per la produzione.<\/p>\n
Facci sapere che tipo di app web hai intenzione di creare? Ricorda che l’unico limite \u00e8 la tua tua immaginazione !<\/p>\n
Articolo scritto grazie alla partecipazione di Gregory appassionato di ricerche sulle nuove tecnologie sia su cellulare, web e WordPress. Gregory adora le storie e i fatti, quindi Gregory cerca sempre di ottenere il meglio da entrambi i mondi.<\/p>\n","protected":false},"excerpt":{"rendered":"
Le app native sono note per le loro ampie funzionalit\u00e0, dato che sono perfettamente integrate con il dispositivo su cui sono installate. Le app Web\u00a0 non vantano le stesse funzionalit\u00e0 delle app native. Tuttavia, poich\u00e9 dipendono dal browser sul quale vengono eseguite, sono note per avere una\u00a0 maggiore compatibilit\u00e0. Le PWA combinano il meglio dei due mondi.<\/p>\n","protected":false},"author":19,"featured_media":28934,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"cwp_meta_box_check":"Yes","cwp_rev_product_name":"","cwp_rev_product_image":"","wppr_links":[],"cwp_rev_price":"","wppr_options":[],"wppr_pros":[],"wppr_cons":[],"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[2],"tags":[3328,3324,3323,3327,3325,3326],"class_list":{"0":"post-28730","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-non-categorizzato","8":"tag-app-web-progressiva","9":"tag-github","10":"tag-google-workbox","11":"tag-pwa","12":"tag-writers-online","13":"tag-writers-rating"},"wppr_data":{"cwp_meta_box_check":"Yes","cwp_rev_product_name":"","cwp_rev_product_image":"","cwp_image_link":"image","cwp_rev_price":"","wppr_rating":"0.00"},"acf":[],"yoast_head":"\nCrea app Web progressiva (PWA) con Google Workbox Accurate Reviews<\/title>\n<meta name=\"description\" content=\"Un'app Web progressiva \u00e8 sviluppata con linguaggi di programmazione e scripting standard come CSS, HTML, JavaScript, proprio come qualsiasi sito Web.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.accuratereviews.com\/it\/crea-app-web-progressiva-pwa-con-google-workbox\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Crea app Web progressiva (PWA) con Google Workbox Accurate Reviews\" \/>\n<meta property=\"og:description\" content=\"Un'app Web progressiva \u00e8 sviluppata con linguaggi di programmazione e scripting standard come CSS, HTML, JavaScript, proprio come qualsiasi sito Web.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.accuratereviews.com\/it\/crea-app-web-progressiva-pwa-con-google-workbox\/\" \/>\n<meta property=\"og:site_name\" content=\"Accurate Reviews\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/accuratereviewsIT\" \/>\n<meta property=\"article:published_time\" content=\"2020-07-25T09:44:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-07-25T10:02:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.accuratereviews.com\/wp-content\/uploads\/2020\/07\/workbox-social.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"675\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Daniela Gambetta\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/accureviewsen\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Daniela Gambetta\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.accuratereviews.com\\\/it\\\/crea-app-web-progressiva-pwa-con-google-workbox\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.accuratereviews.com\\\/it\\\/crea-app-web-progressiva-pwa-con-google-workbox\\\/\"},\"author\":{\"name\":\"Daniela Gambetta\",\"@id\":\"https:\\\/\\\/www.accuratereviews.com\\\/it\\\/#\\\/schema\\\/person\\\/173e5f1d2e352b016c723612de3ec9fb\"},\"headline\":\"Crea un’app Web progressiva (PWA) con Google Workbox\",\"datePublished\":\"2020-07-25T09:44:07+00:00\",\"dateModified\":\"2020-07-25T10:02:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.accuratereviews.com\\\/it\\\/crea-app-web-progressiva-pwa-con-google-workbox\\\/\"},\"wordCount\":1458,\"image\":{\"@id\":\"https:\\\/\\\/www.accuratereviews.com\\\/it\\\/crea-app-web-progressiva-pwa-con-google-workbox\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.accuratereviews.com\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/workbox-social.png\",\"keywords\":[\"app Web progressiva\",\"Github\",\"Google Workbox\",\"PWA\",\"Writers Online\",\"Writers Rating\"],\"articleSection\":[\"Non categorizzato\"],\"inLanguage\":\"it-IT\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.accuratereviews.com\\\/it\\\/crea-app-web-progressiva-pwa-con-google-workbox\\\/\",\"url\":\"https:\\\/\\\/www.accuratereviews.com\\\/it\\\/crea-app-web-progressiva-pwa-con-google-workbox\\\/\",\"name\":\"Crea app Web progressiva (PWA) con Google Workbox Accurate Reviews\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.accuratereviews.com\\\/it\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.accuratereviews.com\\\/it\\\/crea-app-web-progressiva-pwa-con-google-workbox\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.accuratereviews.com\\\/it\\\/crea-app-web-progressiva-pwa-con-google-workbox\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.accuratereviews.com\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/workbox-social.png\",\"datePublished\":\"2020-07-25T09:44:07+00:00\",\"dateModified\":\"2020-07-25T10:02:15+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.accuratereviews.com\\\/it\\\/#\\\/schema\\\/person\\\/173e5f1d2e352b016c723612de3ec9fb\"},\"description\":\"Un'app Web progressiva \u00e8 sviluppata con linguaggi di programmazione e scripting standard come CSS, HTML, JavaScript, proprio come qualsiasi sito Web.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.accuratereviews.com\\\/it\\\/crea-app-web-progressiva-pwa-con-google-workbox\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.accuratereviews.com\\\/it\\\/crea-app-web-progressiva-pwa-con-google-workbox\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/www.accuratereviews.com\\\/it\\\/crea-app-web-progressiva-pwa-con-google-workbox\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.accuratereviews.com\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/workbox-social.png\",\"contentUrl\":\"https:\\\/\\\/www.accuratereviews.com\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/workbox-social.png\",\"width\":1200,\"height\":675},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.accuratereviews.com\\\/it\\\/crea-app-web-progressiva-pwa-con-google-workbox\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.accuratereviews.com\\\/it\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Crea un’app Web progressiva (PWA) con Google Workbox\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.accuratereviews.com\\\/it\\\/#website\",\"url\":\"https:\\\/\\\/www.accuratereviews.com\\\/it\\\/\",\"name\":\"Accurate Reviews\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.accuratereviews.com\\\/it\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.accuratereviews.com\\\/it\\\/#\\\/schema\\\/person\\\/173e5f1d2e352b016c723612de3ec9fb\",\"name\":\"Daniela Gambetta\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/51648a93354838201ba480004277a4f4381f3fa67c5eb5bca1cd47d94209b1b8?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/51648a93354838201ba480004277a4f4381f3fa67c5eb5bca1cd47d94209b1b8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/51648a93354838201ba480004277a4f4381f3fa67c5eb5bca1cd47d94209b1b8?s=96&d=mm&r=g\",\"caption\":\"Daniela Gambetta\"},\"sameAs\":[\"http:\\\/\\\/\\\/wp-admin\\\/profile.php\",\"https:\\\/\\\/www.facebook.com\\\/accuratereviewsIT\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/accuratereviews\\\/\",\"https:\\\/\\\/x.com\\\/https:\\\/\\\/twitter.com\\\/accureviewsen\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UC3vZ0PiGjnNYThX1XagXUyg\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Crea app Web progressiva (PWA) con Google Workbox Accurate Reviews","description":"Un'app Web progressiva \u00e8 sviluppata con linguaggi di programmazione e scripting standard come CSS, HTML, JavaScript, proprio come qualsiasi sito Web.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.accuratereviews.com\/it\/crea-app-web-progressiva-pwa-con-google-workbox\/","og_locale":"it_IT","og_type":"article","og_title":"Crea app Web progressiva (PWA) con Google Workbox Accurate Reviews","og_description":"Un'app Web progressiva \u00e8 sviluppata con linguaggi di programmazione e scripting standard come CSS, HTML, JavaScript, proprio come qualsiasi sito Web.","og_url":"https:\/\/www.accuratereviews.com\/it\/crea-app-web-progressiva-pwa-con-google-workbox\/","og_site_name":"Accurate Reviews","article_author":"https:\/\/www.facebook.com\/accuratereviewsIT","article_published_time":"2020-07-25T09:44:07+00:00","article_modified_time":"2020-07-25T10:02:15+00:00","og_image":[{"width":1200,"height":675,"url":"https:\/\/www.accuratereviews.com\/wp-content\/uploads\/2020\/07\/workbox-social.png","type":"image\/png"}],"author":"Daniela Gambetta","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/accureviewsen","twitter_misc":{"Scritto da":"Daniela Gambetta","Tempo di lettura stimato":"8 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.accuratereviews.com\/it\/crea-app-web-progressiva-pwa-con-google-workbox\/#article","isPartOf":{"@id":"https:\/\/www.accuratereviews.com\/it\/crea-app-web-progressiva-pwa-con-google-workbox\/"},"author":{"name":"Daniela Gambetta","@id":"https:\/\/www.accuratereviews.com\/it\/#\/schema\/person\/173e5f1d2e352b016c723612de3ec9fb"},"headline":"Crea un’app Web progressiva (PWA) con Google Workbox","datePublished":"2020-07-25T09:44:07+00:00","dateModified":"2020-07-25T10:02:15+00:00","mainEntityOfPage":{"@id":"https:\/\/www.accuratereviews.com\/it\/crea-app-web-progressiva-pwa-con-google-workbox\/"},"wordCount":1458,"image":{"@id":"https:\/\/www.accuratereviews.com\/it\/crea-app-web-progressiva-pwa-con-google-workbox\/#primaryimage"},"thumbnailUrl":"https:\/\/www.accuratereviews.com\/wp-content\/uploads\/2020\/07\/workbox-social.png","keywords":["app Web progressiva","Github","Google Workbox","PWA","Writers Online","Writers Rating"],"articleSection":["Non categorizzato"],"inLanguage":"it-IT"},{"@type":"WebPage","@id":"https:\/\/www.accuratereviews.com\/it\/crea-app-web-progressiva-pwa-con-google-workbox\/","url":"https:\/\/www.accuratereviews.com\/it\/crea-app-web-progressiva-pwa-con-google-workbox\/","name":"Crea app Web progressiva (PWA) con Google Workbox Accurate Reviews","isPartOf":{"@id":"https:\/\/www.accuratereviews.com\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.accuratereviews.com\/it\/crea-app-web-progressiva-pwa-con-google-workbox\/#primaryimage"},"image":{"@id":"https:\/\/www.accuratereviews.com\/it\/crea-app-web-progressiva-pwa-con-google-workbox\/#primaryimage"},"thumbnailUrl":"https:\/\/www.accuratereviews.com\/wp-content\/uploads\/2020\/07\/workbox-social.png","datePublished":"2020-07-25T09:44:07+00:00","dateModified":"2020-07-25T10:02:15+00:00","author":{"@id":"https:\/\/www.accuratereviews.com\/it\/#\/schema\/person\/173e5f1d2e352b016c723612de3ec9fb"},"description":"Un'app Web progressiva \u00e8 sviluppata con linguaggi di programmazione e scripting standard come CSS, HTML, JavaScript, proprio come qualsiasi sito Web.","breadcrumb":{"@id":"https:\/\/www.accuratereviews.com\/it\/crea-app-web-progressiva-pwa-con-google-workbox\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.accuratereviews.com\/it\/crea-app-web-progressiva-pwa-con-google-workbox\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.accuratereviews.com\/it\/crea-app-web-progressiva-pwa-con-google-workbox\/#primaryimage","url":"https:\/\/www.accuratereviews.com\/wp-content\/uploads\/2020\/07\/workbox-social.png","contentUrl":"https:\/\/www.accuratereviews.com\/wp-content\/uploads\/2020\/07\/workbox-social.png","width":1200,"height":675},{"@type":"BreadcrumbList","@id":"https:\/\/www.accuratereviews.com\/it\/crea-app-web-progressiva-pwa-con-google-workbox\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.accuratereviews.com\/it\/"},{"@type":"ListItem","position":2,"name":"Crea un’app Web progressiva (PWA) con Google Workbox"}]},{"@type":"WebSite","@id":"https:\/\/www.accuratereviews.com\/it\/#website","url":"https:\/\/www.accuratereviews.com\/it\/","name":"Accurate Reviews","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.accuratereviews.com\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Person","@id":"https:\/\/www.accuratereviews.com\/it\/#\/schema\/person\/173e5f1d2e352b016c723612de3ec9fb","name":"Daniela Gambetta","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/secure.gravatar.com\/avatar\/51648a93354838201ba480004277a4f4381f3fa67c5eb5bca1cd47d94209b1b8?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/51648a93354838201ba480004277a4f4381f3fa67c5eb5bca1cd47d94209b1b8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/51648a93354838201ba480004277a4f4381f3fa67c5eb5bca1cd47d94209b1b8?s=96&d=mm&r=g","caption":"Daniela Gambetta"},"sameAs":["http:\/\/\/wp-admin\/profile.php","https:\/\/www.facebook.com\/accuratereviewsIT","https:\/\/www.linkedin.com\/company\/accuratereviews\/","https:\/\/x.com\/https:\/\/twitter.com\/accureviewsen","https:\/\/www.youtube.com\/channel\/UC3vZ0PiGjnNYThX1XagXUyg"]}]}},"_links":{"self":[{"href":"https:\/\/www.accuratereviews.com\/it\/wp-json\/wp\/v2\/posts\/28730","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.accuratereviews.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.accuratereviews.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.accuratereviews.com\/it\/wp-json\/wp\/v2\/users\/19"}],"replies":[{"embeddable":true,"href":"https:\/\/www.accuratereviews.com\/it\/wp-json\/wp\/v2\/comments?post=28730"}],"version-history":[{"count":12,"href":"https:\/\/www.accuratereviews.com\/it\/wp-json\/wp\/v2\/posts\/28730\/revisions"}],"predecessor-version":[{"id":28937,"href":"https:\/\/www.accuratereviews.com\/it\/wp-json\/wp\/v2\/posts\/28730\/revisions\/28937"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.accuratereviews.com\/it\/wp-json\/wp\/v2\/media\/28934"}],"wp:attachment":[{"href":"https:\/\/www.accuratereviews.com\/it\/wp-json\/wp\/v2\/media?parent=28730"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.accuratereviews.com\/it\/wp-json\/wp\/v2\/categories?post=28730"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.accuratereviews.com\/it\/wp-json\/wp\/v2\/tags?post=28730"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}