Joomla.it Forum

Forum traduzioni italiano => Le traduzioni e le informazioni della community => Articoli della community => : tomtomeight 07 Nov 2018, 08:18:15

: Trasformiamo il nostro sito Joomla in una Progressive Web Application
: tomtomeight 07 Nov 2018, 08:18:15
In questa prima parte vediamo come far visualizzare il nostro sito Joomla come una app.

Link all'articolo: https://www.joomla.it/blog/8929-trasformiamo-il-nostro-sito-joomla-in-una-progressive-web-application.html
: Re:Trasformiamo il nostro sito Joomla in una Progressive Web Application
: Limma 07 Nov 2018, 08:47:30
Grazie! Davvero molto interessante!
: Re:Trasformiamo il nostro sito Joomla in una Progressive Web Application
: marine 07 Nov 2018, 11:53:27
Figata Pazzesca!
: Re:Trasformiamo il nostro sito Joomla in una Progressive Web Application
: blengyo 14 Dec 2018, 17:15:30
Trovo ora questo thread aperto, e ringrazio vivamente tomtomeight per la guida di questo interessante articolo. La procedura non sembra complicata, l'ho portata a termine ma con esito negativo: non mi risulta tramite console di Joomla che il file il ServiceWorker sia in esecuzione, anche se vedo correttamente i 2 file aggiunti nell'head del sito. Vedo invece dei "Service workers from other domains" attivi, tra cui dei sw.js di google o di youtube.


Grazie mille a chi saprà darmi una mano
: Re:Trasformiamo il nostro sito Joomla in una Progressive Web Application
: tomtomeight 14 Dec 2018, 17:21:07
Ciao
Puoi postare il codice del serviceworker e il link al sito?
: Re:Trasformiamo il nostro sito Joomla in una Progressive Web Application
: blengyo 14 Dec 2018, 23:40:14
Si il link al sito è il seguente

LINK (https://bit.ly/2UJT3ER)

il codice del sw.js è quello copiato dalla guida, a seguire:

:
self.addEventListener('install', e => {
  console.log('Installazione WorkService in corso');
    let timeStamp = Date.now();
    e.waitUntil(
    caches.open('asset').then(cache => {
       return cache.addAll([
    '/index.php'
  ])
 .then(() => self.skipWaiting());
    })
   )
});
self.addEventListener('activate', event => {
    console.log('Attivazione Service Worker della PWA in corso');
    event.waitUntil(self.clients.claim());
});
self.addEventListener('fetch', event => {
   event.respondWith(
    caches.match(event.request).then(response => {
     return response || fetch(event.request);
     })
  );
});
: Re:Trasformiamo il nostro sito Joomla in una Progressive Web Application
: tomtomeight 15 Dec 2018, 08:09:48
Ciao
Il tuo sito manca di un requisito come specificato nell'articolo che riporto:

Ovviamente servono dei minimi requisiti: il sito deve avere un certificato https,
Inoltre ispezionando da chrome con altri strumenti -> strumenti per sviluppatori ->Application hai anche un errore nel manifest.json che riporto:
Line 12, column 11, Dicyionary Keys must be quoted.
Inoltre non carica le icone come puoi vedere dalla immagine che allego
: Re:Trasformiamo il nostro sito Joomla in una Progressive Web Application
: blengyo 15 Dec 2018, 11:07:07
ok grazie. Il manifest ora dovrebbe essere a posto (forse c'era una graffa in più), il certificato ssl era attivo ma ti ho linkato il sito senza https! Ecco il LINK (https://bit.ly/2Eqvqf1) giusto. Come svuoto la cache? Perchè ora dalla console di chrome mi sembra funzionare, ma devo aprire chrome in modalità in incognito. Mentre su mobile, neanche da incognito, mi propone di mettere la webapp sulla home!


Forse mi perdo ancora qualcosa.. anche se su modalità in incognito, tra gli errori leggo: "Site cannot be installed: the page is loaded in an incognito window"


grazie mille
: Re:Trasformiamo il nostro sito Joomla in una Progressive Web Application
: tomtomeight 15 Dec 2018, 11:54:33
Sì la graffa iin più e un errore di copia dell'articolo che correggerò. Verifica con chrome  se presenta altri errori ed anche da mobile e sempre concchrome ddovrebbe apparire il messaggio di invito ad aggiungere la webapp.
Edit:  comunque io da tab e chrome sono riuscito ad aggiungere la tua app.


La aggiunge però mi da errore 404, devi verificare dove sbagli.