Diferencias

Muestra las diferencias entre dos versiones de la página.

--- informatica:programacion:pwa [2020/11/18 16:11] – [Service worker] tempwin
+++ informatica:programacion:pwa [2020/11/18 18:40] (actual) – [Conceptos clave] tempwin
@@ Línea 35: / Línea 35: @@
 ===== Conceptos clave =====
+<WRAP center round important 60%>
 Las aplicaciones PWA deben ser servidas utilizando un protocolo seguro (HTTPS) y contar con un certificado. La única excepción es http://localhost
+</WRAP>
 ==== Service worker ====
-Corazón de una PWA. Archivo de JavaScript. Funciona como una especie de proxy que está entre la aplicación y el usuario. Cuando estamos en una PWA y realizamos una petición, esta es interceptada por el service worker quien dependiendo de las condiciones indicadas, obtiene los recursos desde local o los solicita a Internet.
+Corazón de una PWA. Archivo de JavaScript (''sw.js'' o ''service-worker.js''). Funciona como una especie de proxy. Cuando estamos en una PWA y realizamos una petición, esta es interceptada por el service worker quien, dependiendo de las condiciones indicadas, obtiene los recursos desde local (caché) o los solicita a Internet.
+<code javascript>
+navigator.serviceWorker.register("/sw.js")
+</code>
+El service worker corre en un hilo separado de la aplicación web, de forma que aunque cerremos la aplicación web, el service worker seguirá funcionando.
+Ciclo de vida:
+  * Instalando: se descarga el fichero JavaScript y se "parsea"
+  * Instalado:
+  * Activación: código que se puede ejecutar antes de que se active el Service Worker
+  * Activado: el service worker toma control de la aplicación.
+  * Ocioso: el service work falla en la instalación o es sustituido por versiones nuevas. Ya no tiene control de la aplicación
 ==== Manifest ====