https://developers.google.com/web/fundamentals/getting-started/codelabs/offline/
Progressive web applications (PWA): Service workers: Tutorial sobre como crear una aplicación completamente offline
28/12/2016 - 27/12/2018 - Comentarios - Progressive web applications (PWA) Conceptos principales Otros Service workersProgressive web applications (PWA): Service workers: Información avanzada debuggar service workers
28/12/2016 - 27/12/2018 - Comentarios - Progressive web applications (PWA) Conceptos principales Otros Service workers
https://developers.google.com/web/fundamentals/getting-started/codelabs/debugging-service-workers/
Progressive web applications (PWA): Hacer que funcione con https mediante firebase
28/12/2016 - 30/12/2016 - Comentarios - Progressive web applications (PWA) Conceptos principales Otros HTTPS
1) Crear una cuenta firebase (o nos conectamos con una cuenta de google que ya tengamos) en: https://firebase.google.com/console/ Si ya estamos logados con la cuenta con la que querremos crear los proyectos nos redirigirá a la página en la que ya ...
Progressive web applications (PWA): Probar que funciona mediante Web server for chrome
28/12/2016 - 10/09/2018 - Comentarios - Progressive web applications (PWA) Conceptos principales Otros Integración nativa Añadir banners de instalación
Mediante esta opción podemos probarlo en un móvil incluso aunque estemos desarrollando la web localmente y no la tengamos subida a ningún servidor. Para ello hacemos lo siguiente: - Abrimos Web server for chrome: - Activamos la opción "Accessible ...
Progressive web applications (PWA): Probar que funciona mediante DevTools
28/12/2016 - 28/12/2016 - Comentarios - Progressive web applications (PWA) Conceptos principales Otros Integración nativa Añadir banners de instalación
Ir a: Developer tools -> Application -> Manifest Ahí a la derecha tendremos un enlace que pondrá: Add to homescreen Si hacemos click y nos lo añade, a los usuarios móviles también lo hará
Progressive web applications (PWA): Añadir banners de instalación
28/12/2016 - 27/12/2018 - Comentarios - Progressive web applications (PWA) Conceptos principales Otros Integración nativa
Cuando se está navegando por una web progresiva, debe facilitarse siempre la opción de instalarla en el dispositivo móvil. Para ello debemos añadir un fichero manifest.json en la raíz de nuestra aplicación. Aquí se pone un ejemplo: { "name": "Weat...
Progressive web applications (PWA): Service workers: Ampliar información sobre cacheado de contenidos
28/12/2016 - 27/12/2018 - Comentarios - Progressive web applications (PWA) Conceptos principales Otros Service workers
Esta página incluye estrategias de cacheado, está linkada desde el propio google: https://jakearchibald.com/2014/offline-cookbook/
Progressive web applications (PWA): Service workers: Mejorar la gestión de la caché
28/12/2016 - 27/12/2018 - Comentarios - Progressive web applications (PWA) Conceptos principales Otros Service workers
Si hacemos una gestión básica de la caché tenemos los problemas siguientes: - En cada fichero que se añada o elimine, hay que actualizar las claves de la caché - En cada cambio se actualizarán todos los ficheros, aunque sólo hayamos cambiado un fi...
Progressive web applications (PWA): Service workers: Consultar la caché
28/12/2016 - 27/12/2018 - Comentarios - Progressive web applications (PWA) Conceptos principales Otros Service workers
La caché se puede consultar en: Developer tools -> Application -> Cache storage Se pueden eliminar en el mismo sitio: - Una a una desde Application -> Cache storage -> botón derecho -> delete - Todo (esto eliminaría la caché y otros datos almacena...
Progressive web applications (PWA): Evento fetch service worker
28/12/2016 - 27/12/2018 - Comentarios - Progressive web applications (PWA) Conceptos principales Otros Service workers Eventos
El evento determina si un elemento está cacheado. Si lo está, lo devuelve de la caché, si no, obtiene una copia del elemento y lo cachea.