Commentaire: Les applications Web d'aujourd'hui sont déjà très complexes, et avec le développement actuel, ils deviendront de plus en plus complexes, mais il a un défaut fatal et ne peut pas être séparé du lien Internet. Par conséquent, une API est ajoutée à HTML. Il utilise un mécanisme de stockage local pour bien résoudre ce problème et ouvrir la voie à des applications Web hors ligne.
Préface
Aujourd'hui, les applications Web sont déjà très complexes, et avec le développement actuel, ils deviendront de plus en plus complexes, mais ils ont un défaut fatal et ne peuvent pas être séparés des liens Internet. Par conséquent, une API est ajoutée à HTML.
Il résout bien ce problème avec un mécanisme de stockage local, ouvrant la voie à des applications Web hors ligne.
Cache locale dans le cache du navigateur
Le cache local est utilisé pour servir l'ensemble de l'application Web
Le cache de navigateur ne dessert qu'une seule page Web </p> <p> toute page Web a un cache de page Web
Le cache local ne met en cache que les pages que vous avez spécifiées pour cache </p> <p> Le cache des pages Web n'est pas fiable et dangereux car nous ne savons pas quelles pages et ressources sont mises en cache sur le site Web.
Cache local contrôle quel contenu est mis en cache
fichier manifeste
Le cache local des applications Web est géré via le fichier manifeste de chaque page. Manifeste est un texte simple dans lequel les noms et les chemins des fichiers qui doivent être mis en cache et n'ont pas besoin d'être mis en cache sous la forme d'un manifeste.
Vous pouvez spécifier un manifeste pour chaque page ou pour l'ensemble de l'application. Par exemple, nous le définissons pour hello.htm:
Manifeste du cache
Cache:
autre.html
hellow.js
images / myphoto.jpg
RÉSEAU:
Notoffline.asp
*
RETOMBER:
en ligne.js locale.js
Cache:
newhelow.html
newhelow.js
Dans le fichier manifeste, la première ligne doit être manifeste du cache pour indiquer au navigateur la fonction du texte, c'est-à-dire pour définir les fichiers de ressources dans le cache local.
Lorsque vous exécutez réellement des applications Web hors ligne, le serveur doit être configuré pour permettre au serveur de prendre en charge le type de type MIME / CACHE-MANIFEST.
Lors de la spécification du fichier source, les fichiers de ressources peuvent être divisés en trois catégories: cache, réseau et secours
Parce que si une page a un fichier manifeste, le navigateur mettra automatiquement le cache localement </p> <p> la catégorie réseau est un fichier de ressources explicite qui n'est pas mis en cache. Ces fichiers ne sont accessibles qu'en établissant un lien côté serveur. Dans cet exemple, les caractères génériques * indiquent que ceux qui ne sont pas enregistrés ne sont pas mis en cache </p> <p> Deux fichiers de ressources sont spécifiés dans chaque ligne de la catégorie de secours. Le premier fichier de ressources est un fichier de ressources qui peut être utilisé lorsqu'il est accessible en ligne, et le second est un fichier de cache local qui ne peut pas être utilisé lorsqu'il est accessible en ligne.
Processus d'interaction du navigateur et du serveur
Lorsque vous travaillez avec des applications Web hors ligne, il est nécessaire de comprendre l'interaction entre le navigateur et le serveur:
Par exemple, si index.htm est utilisé comme page d'accueil, la page d'accueil utilise index.manifest.
Cache index.htm, hello.js, bonjour.jpg dans le fichier. Le processus pour le premier accès est le suivant:
URL de demande de navigateur
Le serveur revient sur index.htm page d'accueil
Le navigateur analyse la page Web index.htm et demande tous les fichiers de ressources sur la page.
Le serveur renvoie le fichier de ressources
Le navigateur traite le fichier manifeste et demande le fichier qui doit être mis en cache dans le manifeste. Même si la demande a été faite, elle demandera à nouveau.
Le serveur renvoie le fichier qui doit être mis en cache
Le navigateur met à jour le cache local, stocke le fichier de ressources et déclenche un événement pour informer le cache local pour mettre à jour </p> <p> Ouvrez l'URL
Demande URL
Le navigateur constate que la page est mise en cache, il utilise donc le fichier de cache local
Analyse des fichiers
Navigateur comme le serveur demande un fichier manifeste
Le serveur renvoie 304, indiquant que le fichier manifeste n'a pas changé (s'il change, il sera différent)
Objet ApplicationCache
Cet objet représente un cache local, qui peut être utilisé pour informer l'utilisateur que le cache local a été mis à jour et permet également la mise à jour manuelle du cache local.
Auparavant, lorsque le navigateur met à jour le cache local et charge un nouveau fichier de ressources, l'événement UpdateReady de l'objet ApplicationCache sera déclenché, en informant le cache local qui a été modifié, puis en incitant l'utilisateur à actualiser la page manuellement.
swapcache
La méthode SwapCache est utilisée pour effectuer manuellement les mises à jour en cache locales. Il ne peut être appelé que lorsque l'événement UpdateReady de l'objet ApplicationCache est déclenché.
Autrement dit, lorsque le fichier de ressources change, vous pouvez utiliser cette méthode pour mettre en cache manuellement la mise à jour.