{"id":237,"date":"2021-07-09T10:00:16","date_gmt":"2021-07-09T08:00:16","guid":{"rendered":"https:\/\/www.hostgento.com\/blog\/?p=237"},"modified":"2021-12-10T18:12:50","modified_gmt":"2021-12-10T18:12:50","slug":"pwa-e-requisiti-hosting","status":"publish","type":"post","link":"https:\/\/www.bhoost.com\/it\/piattaforme-ecommerce\/pwa-e-requisiti-hosting\/","title":{"rendered":"PWA e requisiti hosting"},"content":{"rendered":"<p>Le<strong> Progressive Web App<\/strong> (PWA) sono un elemento davvero molto caldo nell&#8217;attuale panorama di sviluppo. Molte persone che lavorano nel ramo IT stanno effettivamente studiano e pensando a loro. Ma il fatto \u00e8 che non ci sono ancora molti casi reali per mostrare adeguatamente la tecnologia.<\/p>\n<p>Questo poi \u00e8 particolarmente vero per il mercato al dettaglio europeo. Pertanto, vale la pena mettere i riflettori sulle Progressive Web App e sui loro possibili vantaggi.<\/p>\n<p>Ma in effetti, cosa sono le PWA? E quali opportunit\u00e0 e funzionalit\u00e0 extra ha in serbo questa nuova tecnologia per i negozi online che utilizzano Magento?<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_83 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Indice dei contenuti<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-6a06e71466fac\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-6a06e71466fac\"  aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.bhoost.com\/it\/piattaforme-ecommerce\/pwa-e-requisiti-hosting\/#Che_cose_una_PWA\" >Che cos&#8217;\u00e8 una PWA?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.bhoost.com\/it\/piattaforme-ecommerce\/pwa-e-requisiti-hosting\/#Come_funzionano_le_PWA\" >Come funzionano le PWA?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.bhoost.com\/it\/piattaforme-ecommerce\/pwa-e-requisiti-hosting\/#App_Web_Progressive_e_negozi_Magento\" >App Web Progressive e negozi Magento<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.bhoost.com\/it\/piattaforme-ecommerce\/pwa-e-requisiti-hosting\/#Principali_vantaggi_delle_PWA\" >Principali vantaggi delle PWA<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.bhoost.com\/it\/piattaforme-ecommerce\/pwa-e-requisiti-hosting\/#Requisiti_di_hosting_PWA\" >Requisiti di hosting PWA<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Che_cose_una_PWA\"><\/span>Che cos&#8217;\u00e8 una PWA?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Probabilmente hai gi\u00e0 sentito parlare delle molteplici qualit\u00e0 che possiedono le Progressive Web App. Molti esperti di tecnologia ritengono di avere il potenziale per far progredire il Web mobile e aiutare gli sviluppatori di dispositivi mobili a raggiungere pi\u00f9 utenti, oltre i confini degli app store tradizionali. Sembra fantastico, ma cosa sono esattamente le app Web progressive?<\/p>\n<p>&#8220;Le PWA sono app incentrate sui dispositivi mobili che utilizzano funzionalit\u00e0 Web all&#8217;avanguardia per offrire un&#8217;esperienza utente simile a un&#8217;app&#8221;. \u00c8 cos\u00ec che Google definisce questo fenomeno relativamente nuovo. Potresti non notarlo sempre, ma le app native che acquisti nell&#8217;app store sono molto versatili. Inviare notifiche push, lavorare offline, caricare sulla schermata iniziale, queste sono solo un paio di attivit\u00e0 importanti che svolgono. Le app Web mobili a cui si accede in un browser mobile, al confronto, sono sempre state pi\u00f9 limitate quando si tratta del numero e della complessit\u00e0 delle funzionalit\u00e0 disponibili.<\/p>\n<p>\u00c8 qui che entrano in gioco le Progressive Web App. Queste trasportano le funzionalit\u00e0 tradizionalmente associate alle app native nell&#8217;esperienza del browser mobile. Per fare ci\u00f2, utilizzano tecnologie basate su standard e vengono eseguiti in un contenitore sicuro accessibile a chiunque sul Web. I potenti utenti del servizio di Progressive Web Apps potenziano la funzionalit\u00e0 offline, inviano notifiche, eseguono l&#8217;aggiornamento dei contenuti in background e regolano la memorizzazione nella cache dei contenuti. Le PWA vengono avviate dal tuo browser web, ma possono essere memorizzate sul tuo smartphone. Inoltre, non \u00e8 necessario scaricarli. Pertanto le PWA rimangono sempre aggiornate.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Come_funzionano_le_PWA\"><\/span>Come funzionano le PWA?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Le PWA funzionano praticamente come le applicazioni Web tradizionali, ma sono migliorate con le moderne funzionalit\u00e0 e tecnologie Web. Da qui l&#8217;aggettivo &#8220;progressivo&#8221;. La tecnologia PWA si basa su standard open source e si basa su HTML, CSS e JavaScript. Quando installi le PWA, le applicazioni riceveranno la propria finestra o collegamento sulla barra delle applicazioni, se utilizzi Windows 10 o Chrome. Se sei un utente Android, la PWA apparir\u00e0 come un&#8217;icona nella schermata iniziale.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"App_Web_Progressive_e_negozi_Magento\"><\/span>App Web Progressive e negozi Magento<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Magento ha riconosciuto PWA come una soluzione web interessante. L&#8217;azienda ritiene che le PWA abbiano il potenziale per cambiare il panorama dell&#8217;e-commerce, una rivoluzione che potrebbe essere di portata simile alla transizione avvenuta anni fa dai siti desktop convenzionali ai siti Web che si basano fortemente sul web design responsive. Magento ha sviluppato il proprio PWA che si chiama PWA studio.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Principali_vantaggi_delle_PWA\"><\/span>Principali vantaggi delle PWA<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>L&#8217;entusiasmo per le PWA che Magento e aziende come Google (che ha coniato il termine PWA) mostrano, \u00e8 alimentato da alcuni importanti vantaggi potenziali che queste applicazioni web portano al campo di gioco dello sviluppo.<\/p>\n<p>Le applicazioni Web progressive sono dotate di API, che ti consentono di eseguire JavaScript in background. Questa innovazione \u00e8 molto utile quando si tratta di migliorare funzionalit\u00e0 come il precaricamento dei contenuti, la sincronizzazione e la ricezione di dati e l&#8217;invio di notifiche push.<\/p>\n<p>In sostanza le PWA:<\/p>\n<ul>\n<li>consentono di accelerare e ridurre lo sviluppo delle app. Attualmente, devi spesso sviluppare versioni separate per Android e iOS. Le applicazioni Web progressive sono progettate per funzionare sempre e ovunque.<\/li>\n<li>non sono adatte solo per i dispositivi mobili, ma anche per desktop.<\/li>\n<li>sono SEO-friendly. Google probabilmente favorir\u00e0 le PWA nei futuri algoritmi di ranking.<\/li>\n<li>migliorano le prestazioni del tuo negozio Magento.<\/li>\n<li>forniscono uno scorrimento e una transizione delle pagine pi\u00f9 fluidi. Ci\u00f2 elimina in gran parte la necessit\u00e0 di ricaricare le pagine.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"Requisiti_di_hosting_PWA\"><\/span>Requisiti di hosting PWA<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Ma come si ospitano le app Web progressive di Magento?\u00a0 Il requisito principale \u00e8 che la PWA sia servita da una connessione HTTPS valida e sicura. Per sfruttare appieno i service worker eseguiti in background, la specifica della PWA richiede che sia ospitata su HTTPS. Oltre a questo aspetto fondamentale, esistono altri requisiti per l&#8217;implementazione di applicazioni Web progressive.<\/p>\n<p>Devi apportare lievi modifiche alla configurazione del tuo server per rendere possibile l&#8217;hosting PWA. Puoi farlo facilmente da solo quando utilizzi un VPS non gestito, ma spesso non \u00e8 cos\u00ec se la tua PWA Magento deve essere eseguita in un ambiente di hosting gestito.<\/p>\n<p>Non \u00e8 un requisito di hosting, ma PWA richiede che i browser supportino i service worker. Questo strumento \u00e8 responsabile di attivit\u00e0 e funzionalit\u00e0 chiave come la memorizzazione nella cache dei file, le notifiche push, gli aggiornamenti dei contenuti e la gestione dei dati. Tutti i browser pi\u00f9 comunemente usati come Chrome e Safari lo fanno.<\/p>\n<p>Questa \u00e8 una piccola introduzione a quello che sono le PWA, a cosa funzionano e di quali requisiti necessitano. Le PWA sono ormai il futuro, perch\u00e9 consentono di avere funzionalit\u00e0 che il normale design o non ha o diventa complicato ottenere.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Le Progressive Web App (PWA) sono un elemento davvero molto caldo nell&#8217;attuale panorama di sviluppo. Molte persone che lavorano nel [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":238,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"image","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","footnotes":""},"categories":[1],"tags":[16],"class_list":["post-237","post","type-post","status-publish","format-image","has-post-thumbnail","hentry","category-piattaforme-ecommerce","tag-magento","post_format-post-format-image"],"acf":[],"jetpack_featured_media_url":"","uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/www.bhoost.com\/it\/author\/andreasacca_vd0s1ik8\/"},"uagb_comment_info":0,"uagb_excerpt":"Le Progressive Web App (PWA) sono un elemento davvero molto caldo nell&#8217;attuale panorama di sviluppo. Molte persone che lavorano nel [&hellip;]","_links":{"self":[{"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/posts\/237","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/comments?post=237"}],"version-history":[{"count":1,"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/posts\/237\/revisions"}],"predecessor-version":[{"id":678,"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/posts\/237\/revisions\/678"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bhoost.com\/it\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/media?parent=237"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/categories?post=237"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/tags?post=237"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}