Diferencias

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

--- informatica:programacion:pwa [2020/11/18 15:53] – tempwin
+++ informatica:programacion:pwa [2020/11/18 18:40] (actual) – [Conceptos clave] tempwin
@@ Línea 5: / Línea 5: @@
 Características:
-  * Confiable: carga rápida y ofrece funcionalidad offline
+  * Indistinguible de una aplicación nativa
-  * Rápida: respuesta rápida a las acciones del usuario
+  * Funciona sin conexión a Internet.
-  * Atractiva: que parezca una aplicación móvil
+  * Utiliza **características nativas del dispositivo**.
+  * Se **actualiza constantemente**
+  * Atractiva para los usuarios
+  * Confiable
+  * **Pesa poco**
+  * Rápida en la carga
 La gente pasa el 87 % de su tiempo en el móvil en aplicaciones nativas porque:
@@ Línea 20: / Línea 25: @@
   * Necesidad de instalación desde tienda de aplicaciones.
-===== Conceptos =====
+===== Arquitectura =====
+Para convertir una aplicación web en una PWA se necesitan los siguientes elementos:
+  * Push server
+  * Manifest
+  * indexedDB
+  * Service Worker
+===== 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 (''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 ====
+Archivo JSON que indica la apariencia que tendrá la aplicación cuando esté en el Home Screen del teléfono.
+==== indexedDB ====
+Permite grabar información en base de datos aunque el usuario no tenga conexión en ese momento.
+==== Push Server ====
+Permite enviar notificaciones push a la PWA.