Fichier manifest et cache

**loubigou** · 18/02/2016, 13h31

Bonjour,
J'ai une application que je veux distribuer avec un fichier manifest

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<!DOCTYPE html>
<html lang="fr" manifest="aplal.appcache">

Sur mon serveur local 127.0.0.1, ça marche très bien.
Quand je la mets sur mon serveur d'hébergement, l'application est bien accessible en offline, mais quand je mets à jour le fichier manifest, elle ne se met pas à jour.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
   cache.addEventListener("updateready",function(evt){
     alert("updateready => status : "+cache.status);
     cache.swapCache();
    });

Pourtant updateready est bien déclenché ! Et donc swapCache() appelé ici, ie que la page détecte bien un changement de version du fichier manifest !
Je suis sur un serveur hébergé. Est-ce qu'il y a un problème de virtual Host ? Je ne maîtrise pas trop...
Quelqu'un a une idée ?

Merci à vous

**SylvainPV** · 19/02/2016, 12h51

Le fichier manifest doit être délivré par le serveur avec le bon mime type: text/cache-manifest. Peux-tu vérifier dans la requête réseau que c'est le cas ?

**loubigou** · 19/02/2016, 15h07

Oui, il est bien reconnu.
Voici la réponse :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
HTTP Response Header
Name	Value	Delim
Status: HTTP/1.1 200 OK
Content-Type:	text/cache-manifest	
Last-Modified:	Thu, 18 Feb 2016 12:44:13 GMT	
Accept-Ranges:	bytes	
Date:	Fri, 19 Feb 2016 13:57:13 GMT	
Connection:	close	
X-Cacheable:	Cacheable	
X-CDN-Geo:	rbx1	
X-CDN-Geo-IP:	51.254.41.133	
Content-Length:	2432

D'ailleurs, tout marche bien. L'application est bien mise en cache.
Mais seule la mise à jour ne marche pas.
Et pourtant elle est détectée...
Dans mon fichier manifest, je déclare tous les fichiers de l'application.
Et il y a une feuille de style de jquery.ui qui fait référence à des fichiers que je n'ai pas mis. J'ai mis seulement ceux - 2 fichiers - dont j'avais besoin. Ce sont des fichiers que je n'utilise pas. Je ne sais pas si ça peut poser problème...

**SylvainPV** · 19/02/2016, 21h11

Je ne vois pas de problème dans la configuration. Peut-être est-ce juste un mauvaise compréhension de la façon dont marche applicationCache : après un swapCache(), la page courante n'est pas mise à jour. C'est uniquement le cache interne qui est mis à jour. Il faut donc rafraichir la page pour avoir la nouvelle version. Généralement on fait ça:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
cache.addEventListener("updateready",function(evt){     console.log("updateready => status : "+cache.status);
     cache.swapCache();
     if(confirm("Une version mise à jour de l'application est disponible, voulez-vous relancer l'application ?")){
       window.location.reload();
     }
    });

**loubigou** · 19/02/2016, 21h44

Ben non, je fais tout bien...

J'ai essayé reload, de quitter et revenir, etc...
Sinon, y-a-t-il un autre moyen pour faire des applications online/offline ?
J'ai vaguement lu des infos sur les services worker. Mais il faut du https et c'est pas supporté par tous les navigateurs....

**SylvainPV** · 19/02/2016, 22h28

Tu peux poster le contenu de ton fichier manifest, ainsi que le code complet du script chargé du swapCache ?

Fichier manifest et cache

JavaScript

Vue hybride

Discussions similaires

Partager

Partager