¿Qué son las aplicaciones web progresivas y cómo instalo una?

Las aplicaciones dominan su teléfono 10 aplicaciones de Android que harán su vida mucho más fácil 10 aplicaciones de Android que harán su vida mucho más fácil La vida es complicada, pero estas aplicaciones pueden hacer que sea un poco más fácil de navegar. Lee mas . Y mientras que las aplicaciones no influyen en su escritorio o navegador de la misma manera, parece que cambiará. Las aplicaciones web progresivas (PWA) están creciendo en estatura a medida que más navegadores ofrecen soporte.

Pero, ¿qué es exactamente una aplicación web progresiva y qué harán por ti? Aquí tienes todo lo que necesitas saber..

¿Qué es una aplicación web progresiva??

Las aplicaciones web progresivas son aplicaciones web que ofrecen un sitio regular a los usuarios pero aparecen como una aplicación móvil nativa. Los PWA intentan llevar la usabilidad de una aplicación móvil nativa al moderno conjunto de funciones del navegador, aprovechando al máximo los avances en ambas áreas de desarrollo.

Lo que define una PWA, entonces?

• Universal: Un PWA debe funcionar sin problemas (bueno, casi) para cada usuario, independientemente de su navegador.
• Sensible: Los PWA deben funcionar con cualquier dispositivo, como su computadora portátil, tableta, teléfono inteligente, etc..
• Diseño: El diseño debe imitar las aplicaciones móviles nativas, lo que significa menús simplificados y fáciles de encontrar, con una interactividad simple para funciones avanzadas.
• Seguro: Los PWA deben usar HTTPS para mantener seguros los datos del usuario.
• Detectable: Los usuarios pueden encontrar PWA y son fácilmente identificables como una aplicación (en lugar de una “sitio”).
• Compromiso: Un PWA debe tener acceso a funciones de compromiso nativas como notificaciones push.
• Actualizaciones: Los PWA se mantienen actualizados y ofrecen las últimas versiones de un servicio o sitio..
• Instalación: Permite a los usuarios fácilmente “instalar” La PWA a su pantalla de inicio sin necesidad de una tienda de aplicaciones.
• Compartir: Los PWA solo requieren una única URL para compartir, sin ninguna instalación.

Como puede ver, los PWA tienen como objetivo proporcionar a los usuarios una experiencia de sitio web completa con las características simplificadas y el diseño de interfaz de una aplicación nativa.

Aplicaciones Web progresivas y trabajadores de servicios

Key to Progressive Web Apps son los trabajadores de servicios de navegador..

Un trabajador de servicios es un script que se ejecuta en el fondo de su navegador, “separado de una página web, abriendo la puerta a funciones que no necesitan una página web o la interacción del usuario.” Puede usar trabajadores de servicios como notificaciones automáticas y sincronización de fondo Cómo deshabilitar notificaciones molestas en Chrome, Firefox, Safari y más Cómo deshabilitar notificaciones molestas en Chrome, Firefox, Safari y más Aquí es cómo puede deshabilitar las molestas notificaciones del navegador en Chrome. Safari, Opera, Firefox y Microsoft Edge. Lea más en este momento, pero el futuro inmediato de PWA otorga mayor poder a estos scripts.

Como tales, los trabajadores de servicios forman la base del estándar PWA, utilizando el caché web para obtener resultados casi instantáneos.

Antes de los trabajadores del servicio, la secuencia de comandos de caché del navegador de destino era Application Cache (o App Cache). Las funciones de la memoria caché de la aplicación en una amplia gama de servicios sin conexión primero, pero de alguna manera eran propensos a errores. Además, App Cache tiene varias limitaciones bien conocidas, como explica A List Apart..

Pero el principal problema para los desarrolladores es la falta de interacción directa con la forma exacta en que funciona AppCache, lo que impide que los desarrolladores solucionen los problemas a medida que surgen. A su vez, los sitios web y los servicios con funcionalidad fuera de línea eran una opción arriesgada.

Los trabajadores de servicio, sin embargo, solo duran mientras se requiera su acción. En una PWA, cuando hace clic en algo o usa una función, un trabajador de servicio entra en acción. El trabajador del servicio (recuerde, es un script) procesa el evento y decide si la memoria caché sin conexión puede completar la solicitud. La idea es que existen múltiples cachés sin conexión para que el PWA pueda elegir, lo que ofrece una gama mucho más amplia de funcionalidad sin conexión..

Además, el caché no es solo para incrementos de velocidad sin conexión. Por ejemplo, te diriges a un PWA, pero tu conexión es extremadamente irregular. El trabajador de servicio sirve un caché anterior, que funciona completamente, sin interrumpir su experiencia.

PWAs: ¿Cuáles son sus opciones de navegador??

Hay dos requisitos para usar un PWA: un navegador compatible y un servicio habilitado para PWA.

Primero, echemos un vistazo a los navegadores. ¿Está listo el PWA? El sitio es la mejor manera de verificar el soporte del navegador..

Rompiéndolo un poco más:

• Navegador de escritorio (soporte completo): Chrome, Firefox, Opera, QQ Browser, 360 Browser
• Navegador de escritorio (soporte para buggy): Safari, Microsoft Edge
• Navegador móvil (soporte completo): Chrome, Firefox, Xiaomi, navegador UC, Baidu, Wechat, Sogou, navegador 360, Quark
• Navegador móvil (soporte parcial): Samsung, QQ Browser
• Navegador móvil (soporte para buggy): Leopardo cazador

Por lo tanto, los principales navegadores son compatibles con PWA. En el caso de Microsoft Edge y Safari, la compatibilidad con PWA adicional vendrá muy pronto.

Encontrar e instalar PWAs

Ahora que sabe qué navegador usar, puede pensar en buscar e instalar un PWA. Para este ejemplo, usaré un Samsung Galaxy S8 con Chrome.

Ya, PWAs están en todas partes. Muchas empresas están adaptando sus sitios y servicios para ofrecer la funcionalidad PWA. Sin embargo, no hay un solo método seguro de encontrar un PWA todavía. Los PWA no se implementan en Google Play Store o App Store. En mi experiencia, dirigirme a un sitio móvil de una empresa o servicio generalmente desencadena un Añadir a la pantalla principal caja de diálogo.

Mira el video a continuación para ver qué sucede cuando visitas el sitio móvil de Twitter.

Una vez que tocas el Añadir a la pantalla principal botón, verá el PWA aparecer en el cajón de la aplicación. Es casi como instalar una aplicación normalmente desde Google Play.

Por supuesto, visitar innumerables sitios y esperar ver el gatillo de la pantalla de inicio no es útil. De hecho, es francamente lento. Tal como está, no hay muchos sitios dedicados a la lista de PWA, y los que existen no rastrean la web como un motor de búsqueda ¿Cómo funcionan los motores de búsqueda? ¿Cómo funcionan los motores de búsqueda? Para muchas personas, Google es internet. Podría decirse que es el invento más importante desde la propia Internet. Y si bien los motores de búsqueda han cambiado mucho desde entonces, los principios subyacentes siguen siendo los mismos. Lee mas .

En primer lugar, intente outweb. Enumera una gama bastante decente de PWA, con nuevas opciones que aparecen con frecuencia. A continuación, intente pwa.rocks. Tiene una selección más pequeña, pero algunos PWA prácticos que querrá agregar a su dispositivo.

Reemplazará las aplicaciones nativas?

Las aplicaciones web progresivas son un excelente paso híbrido entre su navegador y una aplicación nativa. ¿Reemplazarán las aplicaciones nativas por completo? Dado que su enfoque actual son los sitios y servicios existentes, no en el momento actual.

Sin embargo, sin duda veremos más cruces. Las estadísticas disponibles en PWA Stats respaldan esto también. Aquí hay algunos números interesantes para que reflexione sobre:

• Trivago vio un aumento del compromiso del 150 por ciento para los usuarios que agregaron su PWA a la pantalla de inicio.
• PWA de Forbes “cargas en 2,5 segundos,” Mientras que las impresiones por visita han subido un 10 por ciento. La PWA de Forbes también vio la duración de las sesiones de usuario doble.
• Twitter Lite vio un aumento del 65 por ciento en las páginas por sesión, con un aumento masivo del 75 por ciento en los tweets.
• Alibaba vio un aumento del 76 por ciento en las conversiones móviles.

Los PWA todavía no son la corriente principal. Pero con la amplia gama de beneficios que ofrecen, como ahorrar espacio en su dispositivo Ahorre espacio de almacenamiento con estas aplicaciones de Android 7 Lite Ahorre en espacio de almacenamiento con estas aplicaciones de Android 7 Lite Si tiene un dispositivo más antiguo o simplemente un teléfono Android barato, Estas aplicaciones serán mucho mejores para usted que sus contrapartes principales. Lea más, escuchará sobre ellos más y más a lo largo de 2018 y en adelante..

Explorar más sobre: ​​aplicaciones de Android, aplicaciones web progresivas, web.