Comentario: Las aplicaciones web de hoy ya son muy complejas, y con el desarrollo actual, se volverán cada vez más complejos, pero tiene una falla fatal y no se puede separar del enlace de Internet. Por lo tanto, se agrega una API a HTML. Utiliza un mecanismo de almacenamiento local para resolver bien este problema y allanar el camino para aplicaciones web fuera de línea.
Prefacio
Hoy en día, las aplicaciones web ya son muy complejas, y con el desarrollo actual, se volverán cada vez más complejos, pero tienen un defecto fatal y no pueden separarse de los enlaces de Internet. Por lo tanto, se agrega una API a HTML.
Resuelve bien este problema con un mecanismo de almacenamiento local, allanando el camino para aplicaciones web fuera de línea.
Caché local en caché del navegador
El caché local se utiliza para servir a toda la aplicación web
El caché del navegador solo sirve a una sola página web </p> <p> Cualquier página web tiene un caché de la página web
El caché local solo almacena en caché las páginas que especificó para almacenar en caché </p> <p> El caché de la página web no es confiable e inseguro porque no sabemos qué páginas y recursos se almacenan en caché en el sitio web.
El caché local controla qué contenido se almacena en caché
archivo manifestante
El caché local de aplicaciones web se administra a través del archivo manifiesto de cada página. Manifest es un texto simple en el que los nombres y rutas de los archivos que necesitan almacenarse en caché y que no necesitan almacenarse en caché en forma de manifiesto.
Puede especificar Manifest para cada página o para toda la aplicación. Por ejemplo, lo configuramos para Hello.htm:
Manifiesto de caché
CACHE:
otro.html
hellow.js
imágenes/myphoto.jpg
RED:
Noffline.asp
*
RETROCEDER:
en línea.js locale.js
CACHE:
newHellow.html
newhellow.js
En el archivo de manifiesto, la primera línea debe ser manifiesta en caché para decirle al navegador la función del texto, es decir, establecer los archivos de recursos en el caché local.
Cuando se ejecuta aplicaciones web fuera de línea, el servidor debe configurarse para habilitar el servidor para admitir el tipo de texto/cache-manifest de MIME.
Al especificar el archivo de origen, los archivos de recursos se pueden dividir en tres categorías: caché, red y fallback
Porque si una página tiene un archivo manifiesto, el navegador almacenará automáticamente la página localmente </p> <p> La categoría de red es un archivo de recursos explícito que no está en caché. Solo se puede acceder a estos archivos estableciendo un enlace del lado del servidor. En este ejemplo, los caracteres comodín * indican que aquellos que no están grabados no están almacenados en caché </p> <p> Se especifican dos archivos de recursos en cada línea en la categoría de altos. El primer archivo de recursos es un archivo de recursos que se puede usar cuando se accede en línea, y el segundo es un archivo de caché local que no se puede usar cuando se accede en línea.
Proceso de interacción del navegador y del servidor
Cuando se trabaja con aplicaciones web fuera de línea, es necesario comprender la interacción entre el navegador y el servidor:
Por ejemplo, si index.htm se usa como la página de inicio, la página de inicio usa index.manifest.
Cache index.htm, hello.js, hello.jpg en el archivo. El proceso para el primer acceso es el siguiente:
URL de solicitud de navegador
El servidor vuelve a la página de inicio de index.htm
El navegador analiza la página web index.htm y solicita todos los archivos de recursos en la página.
El servidor devuelve el archivo de recursos
El navegador procesa el archivo manifiesto y solicita el archivo que debe almacenarse en caché en el manifiesto. Incluso si se ha realizado la solicitud, se solicitará nuevamente.
El servidor devuelve el archivo que debe almacenarse en caché
El navegador actualiza el caché local, almacena el archivo de recursos y activa un evento para notificar al caché local para actualizar </p> <p> Abra la URL nuevamente
URL de solicitud
El navegador encuentra que la página está en caché, por lo que usa el archivo de caché local
Analizar archivos
Archivo de manifiesto del navegador como las solicitudes del servidor
El servidor devuelve 304, notificando que el archivo manifiesto no ha cambiado (si cambia, será diferente)
objeto ApplicationCache
Este objeto representa un caché local, que puede usarse para notificar al usuario que el caché local se ha actualizado y también permite la actualización manual del caché local.
Anteriormente, cuando el navegador actualiza el caché local y carga un nuevo archivo de recursos, se activará el evento actualizado del objeto ApplicationCache, notificando al caché local que se ha modificado y luego le solicita al usuario que actualice la página manualmente.
swapcache
El método SwapCache se utiliza para realizar manualmente actualizaciones en caché locales. Solo se puede llamar cuando se activa el evento actualizado del objeto ApplicationCache.
Es decir, cuando cambia el archivo de recursos, puede usar este método para almacenar en caché manualmente la actualización.