Herramientas de usuario

Herramientas del sitio


informatica:programacion:pwa

¡Esta es una revisión vieja del documento!


Progressive Web Apps

Mejora de de las aplicaciones web para que parezcan aplicaciones nativas.

Características:

  • Indistinguible de una aplicación nativa
  • Funciona sin conexión a Internet.
  • 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:

  • Tienen notificaciones push (se comunican con el usuario, aunque la aplicación no esté abierta)
  • Acceso a características del dispositivo: cámara, audio…
  • Posibilidad de trabajar offline

Problemas de crear aplicaciones nativas:

  • Aprendizaje de dos lenguajes diferentes (Android y iOS).
  • Necesidad de instalación desde tienda de aplicaciones.

Arquitectura

Para convertir una aplicación web en una PWA se necesitan los siguientes elementos:

  • Push server
  • Manifest
  • indexedDB
  • Service Worker

Conceptos clave

Service worker

Corazón de una PWA. Archivo de JavaScript.

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.

informatica/programacion/pwa.1605711993.txt.gz · Última modificación: por tempwin