Post on 31-May-2015
transcript
¿Que es HTML5 offline?
Terminología
Application cache.
Offlline application caching.
HTML5 offline caching.
Offline web applications.
¿Que podemos hacer con offline application
caching?
Aplicaciones autocontenidas que no requieran mas conexión después de ser instaladas.
Aplicaciones que a pesar de tener recursos cacheados requieran de conexion para poder funcionar.
Browser support
¿Como se implementa HTML5 offline?
Escribir un manifiesto un archivo .manifest
Hacer referencia a este archivo en <html ...>
Servir con content type text/cache-manifest
Formato del manifiesto
CACHE MANIFEST# version 1
CACHE:# recursos accesibles offline
NETWORK:# recursos accesibles online
FALLBACK:# archivo utilizado cuando se intente acceder a un fichero no cacheado y no haya red
Referenciar el manifiesto
<!doctype html><html manifest="myapp.appcache"> <head> </head> <body> </body></html>
Agregar content-type
Si el servidor es apache, por ejemplo, deberíamos agregar esto al archivo de configuración .htaccess
AddType text/cache-manifest .appcache
Cache offline en Rails 3.x
El manifiesto
myapp.appcache.rb
Referenciar manifiesto
Servir manifiesto
controller
routes.rb
mime-type.rb
la vista es el manifiestomyapp.appcache.rb
Proceso de caching
Eventos de appcache
• checking• noupdate• downloading• progress• cached• updateready• obsolete• error
Actualizar la aplicación
Cache del browser
Consideraciones
Web y online son terminos cercanos... pero
5 MB de espacio de cache.
Son muy suceptibles a los errores.
Soporte de los browser.
Recursos