Introducción general a las aplicaciones web progresivas (PWA)

¿Qué es una aplicación?

  • Debe poderse encontrar en la App Store
  • Los iconos deben estar presentes en la pantalla de inicio
  • Controles táctiles y de gestos
  • Funciona sin conexión
  • Recibe notificaciones push
  • Procesamiento en segundo plano
  • Acceso a funciones de hardware y sensores

¿Qué es la Web?

  • Contiene URL y enlaces
  • Marcado y estilo que deben ser legibles tanto por humanos como por máquinas
  • Mejorado progresivamente
  • Gratis para implementar

¿Qué es una aplicación web progresiva?
Es un sitio web que toma todas las vitaminas necesarias y debe poseer todas las funcionalidades siguientes:

  • Sensible
  • Funciona sin conexión
  • Interacción similar a una aplicación (debe tener la misma apariencia)
  • Fresco (Debe estar actualizado)
  • Seguro (Asegurado, sin fisgones de terceros)
  • Visible (los motores de búsqueda pueden encontrarlo)
  • Reactivable (Notificaciones Push)
  • Instalable (capaz de obtener un acceso directo en la pantalla de inicio)
  • Enlazable

Capacidades de las aplicaciones web progresivas :

  • Proxy de red
  • Empaquetamiento de aplicaciones
  • Almacenamiento local
  • sincronización de fondo
  • Vibración del dispositivo
  • Estado de la batería
  • Pagos integrados
  • De igual a igual
  • Visibilidad de la pagina
  • captura de medios
  • Reproducción de medios
  • compartir web
  • Gestión de Credenciales

Requisitos previos:

    Trabajador del servicio de scripts de Java

PWA brinda muchos beneficios y funcionalidades a la web, no requieren volver a escribir toda la aplicación. Cualquier aplicación se puede convertir en una PWA añadiéndole algunas capas adicionales.

Pasos para crear PWA:

  • Servir a través de HTTPS
  • Crear un shell de aplicación
  • Registrar un trabajador de servicio
  • Agregar notificaciones automáticas
  • Añadir manifiesto de aplicación web
  • Configurar el indicador de instalación
  • Analiza el rendimiento de tu aplicación
  • Audita tu aplicación con Lighthouse

Las principales funcionalidades que deben estar presentes en PWA son:

  • Disponible fuera de linea
  • Agregar a la pantalla de inicio
  • Enviar notificaciones automáticas
  • Sincronización en segundo plano

Aplicaciones web progresivas (disponibles en línea):

Visite los siguientes sitios para Web Apps:

  • https://pwa.rocks/
  • https://sodapopped.com/
  • ventajas :

    • Bajo uso de datos
    • No se requieren actualizaciones
    • Bajo costo
    • Lo mejor para SEO
    • Permitido enviar notificaciones push
    • Puede funcionar en modo fuera de línea

    Desventajas:

    • No es una aplicación completamente funcional
    • Mala compatibilidad
    • El usuario no obtendrá la experiencia de la aplicación nativa

    Publicación traducida automáticamente

    Artículo escrito por saumyasaxena2730 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

    Deja una respuesta

    Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *