Progressive Web Apps ¿Qué es una progressive web app?

BLOG

Progressive Web Apps ¿Qué es una progressive web app?

Para algunos, el mundo de las Progressive Web Apps es el futuro. Últimamente se está hablando mucho sobre ellas y sus ventajas, pero también de sus desventajas.

Al igual que hay defensores, también hay detractores.

Y es que hay quienes, como yo, piensan que aunque son una tecnología útil, todavía tienen algunas carencias por las que no pueden competir con las apps nativas.

En el post de hoy hablaremos sobre las PWA, definiremos qué son y abordaremos todos los aspectos por los que se justifican ambas opiniones.

Cuando conozcas toda esta información, podrás tener tu propio punto de vista y una opinión argumentada a la hora de utilizarlas o no.
¡Empecemos!

Tipos de Apps

Las Progressive Web Apps, o PWA, no son las únicas aplicaciones con las que nos podemos encontrar.

Quizás hayas oído hablar de apps nativas e híbridas.

De hecho son las aplicaciones típicas que puedes encontrar en las Stores tanto de Google como de Apple (Google Play y App Store).

Pero, ¿qué son exactamente las las Progressive Web Apps?

Para que puedas entender todo lo que vamos a tratar a continuación, te diré que las PWA, más que Apps, son webs. Funcionan a través de un navegador.

Por tanto, para utilizarlas no es necesario instalar ningún archivo.

Son bastante versátiles y garantizan su utilización en dispositivos móviles de cualquier tipo, tamaño y sistema operativo.

Se llaman “progressive” o progresivas porque poco a poco van absorbiendo funcionalidades de las apps como:

  • Permiso de cámara.
  • Permiso de ubicación.
  • Permiso de notificaciones push.
  • Autocompletado de formularios.
  • Almacenamiento offline, es decir, sin conexión a internet. Pero es mínimo en comparativa con las nativas, ya que las progressive utilizan el espacio de almacenamiento del navegador.

En el siguiente vídeo puedes conocer más detalles sobre los tipos de apps y otras características de las Progressive Web Apps.

Progressive Web apps Nativas Híbridas

¿Qué es una app nativa?

A diferencia de las Progressive Web App, una app nativa es aquella que se ha desarrollado específicamente en el lenguaje de programación de un sistema operativo.

Es decir, principalmente, de iOS o Android.

Aquí el inconveniente es que para tener una misma app publicada en Google Play y en el App Store de Apple, vas a tener que programarla dos veces, una para cada sistema.

Y la ventaja, es que al estar programadas en un lenguaje específico para cada caso, son más rápidas y ofrecen mejor experiencia de usuario.

¿Qué es una app híbrida?

En este caso hablamos de aplicaciones móviles que se han creado con una tecnología base de código web y posteriormente se ha añadido código nativo para incorporar funcionalidades y ventajas del mismo.

Entre esas ventajas están:

  • Que puedan alojarse en las stores.
  • Que no haya que desarrollar al completo el código para Android y el código para iOS.

Se puede decir que están a medio camino entre las apps nativas y las PWA.

Progressive web apps: pros y contras

Aunque a lo largo de la lectura seguro que ya has ido detectando algunos pros y contras de las PWA, a continuación voy a entrar en profundidad y voy a mostrarte por qué, como te decía al principio, algunas personas defienden el uso de esta tecnología y otras prefieren apostar por otro tipo de apps en sus proyectos.

Ventajas de las Progressive Web Apps

Empecemos por los aspectos más positivos. Ya hemos hablado de su versatilidad, experiencia de usuario, facilidad de uso en cualquier sistema operativo… pero hay más.

  • Pesan poco.

Prácticamente no pesan nada (sólo lo que almacenemos en offline), puesto que no hay que descargar ni instalar un archivo. Se accede a ellas desde un navegador web y se usan a través del mismo.

  • No es necesario descargarlas.

Como decíamos, se abren a través del navegador. A diferencia de las app nativas o híbridas no podrás acceder a ellas a través de Google Play o App Store, sino desde Google Chrome, Safari, o el navegador que utilices.

  • Se actualizan automáticamente.

Normalmente, las apps que descargamos tenemos que actualizarlas de forma manual o activar la actualización en segundo plano. Sin embargo con las PWA siempre accederemos a la versión más actualizada, que será la que esté disponible en la web.

  • Son más económicas.

El motivo es que solo tendrás que desarrollarla en código web. En el caso de las nativas e híbridas (éstas sólo parcialmente), deberás desarrollarlas dos veces: una para Android y otra para iOS.

Inconvenientes de las PWA

Vamos ahora con la parte menos atractiva de todo este asunto, los contra. ¿Qué inconvenientes presenta el uso de este tipo de apps?

  • Las notificaciones push no llegan en iOS.

Esto se debe a que Safari no recibe notificaciones en móvil. Y supone un inconveniente principalmente para empresas que quieran avisar a través de la app a sus clientes o posibles clientes de novedades, promociones, ofertas…

Si tienes una empresa y estás pensando en crear una app te diría algo más.

Y es que los usuarios de iOS gastan 2,5 veces más que los usuarios de Android, según un estudio de Appsflyer.

Y si quieres dirigirte a este segmento de la población, este podría ser un aspecto importante a la hora de elegir tipo de app.

  • No se pueden alojar en Google Play ni en la App Store de Apple.

Que es donde la mayoría de personas van a buscar una app.

En estos markets se generan mucho tráfico y optar por una PWA podría dar lugar a quedarse fuera de muchas oportunidades importantes.

Sin embargo, ha aparecido una novedad muy reciente que puede dar un giro inesperado a todo esto.

Se trata del Trusted Web Activities o TWA.

Esta tecnología sirve para integrar una PWA en la store de Android. Con esta solución se podrían descargar este tipo de apps en Google Play.

¿El pero? Es una tecnología muy incipiente y necesitas conocimientos de código nativo. Lo que lo hace todavía muy complicado.

En el vídeo te dejo un truco para que los usuarios puedan acceder de forma más directa a una PWA.

  • La UX es más limitada que en apps nativas.

Es decir, no podrás realizar diseños ni desarrollar funcionalidades especiales. Por ejemplo, animaciones, realidad aumentada… Todo ello solo sería posible desde una aplicación nativa.

  • Una Progressive Web App no puede acceder a todas las funcionalidades del sistema operativo.

Hablamos de funcionalidades como acceso a la huella dactilar, acelerómetro, giroscopio o notificaciones push en el caso de iOS.

  • No funcionan sin conexión.

Sólo mínimamente, con muchas restricciones. Esto puede ser una complicación que afecte a la experiencia del usuario que está acostumbrado a usar la mayoría de apps tanto con acceso como sin acceso a internet.

Otras características de las Progressive Web App

Además de los pros y contras, hay una serie de características que son propias de este tipo de apps y que las distinguen del resto.

Estas son algunas de ellas:

  • Funcionan para todos los usuarios. No importa el sistema operativo que usen y el navegador con el que accedan.
  • Son adaptables. Las puedes abrir tanto desde un ordenador, como desde un dispositivo móvil o tableta.
  • Son seguras. Siempre utilizan el protocolo https, con lo que ofrecen una navegación con garantías.
  • Se comparten fácilmente. A través de una URL puedes compartir la app, sin instalaciones complejas.

¿Cómo convertir una web en app?

El uso del móvil no para de crecer y la tendencia está clara, seguirá en aumento. Por ello, muchas empresas se están planteando convertir su web en una app.

Hasta hace nada la única preocupación era el posicionamiento web, pero ahora a esta hay que sumarle el posicionamiento en los stores de aplicaciones móviles y la tecnología que utilizan éstos.

Una de las formas por las que puedes llevar a cabo la conversión, es a través de un plugin de WordPress (si es que tu web está creada en esta plataforma).

El plugin en cuestión se llama Super Progressive Web Apps. Lo puedes encontrar en el repositorio de plugins de WordPress y a continuación instalar y activar.

Deberás seguir todos los pasos indicados y, al concluir, el plugin generará de forma automática los archivos que se necesitan para la conversión.

Otra forma de hacerlo es contando con un programador capaz de crear una PWA. Creará el código de cero y hará los ajustes necesarios para que el usuario pueda acceder desde su dispositivo y disfrutar de su contenido.

Hay diferentes opciones a elegir, todo dependerá de tus necesidades y tu nivel de conocimientos o presupuesto.

Si quieres aprender a gestionar tu propio proyecto de Apps o el de las empresas para las que trabajas para que, cuando haya que tomar este tipo de decisiones, lo hagas como un experto, vente a mi programa Mobile Master.

En esta formación vas a encontrar todo lo que necesitas para liderar todas las oportunidades que se te presenten.

¿Qué te ha parecido esta información?

Si deseas agregar algún comentario, hacerme alguna pregunta o aportar un extra de valor a este contenido, estaré encantada de leerte.

Ayúdame a mejorar y puntúa el post!
Votos: 2 Puntuación media: 5
2020-06-01T17:55:08+02:00 mayo 2020|0 Comments

Leave A Comment

Actualízatec te informa que los datos de carácter personal que me proporciones rellenando el presente formulario serán tratados por Noelia Leiro Diéguez (Actualízatec) como responsable de esta web. La finalidad de la recogida y tratamiento de los datos personales que te solicito es para gestionar los comentarios que realizas en este blog. Legitimación: Consentimiento del interesado.

El hecho de que no introduzcas los datos de carácter personal que aparecen en el formulario como obligatorios podrá tener como consecuencia que no pueda atender tu solicitud. Podrás ejercer tus derechos de acceso, rectificación, limitación y suprimir los datos en contacto@actualizatec.com así como el derecho a presentar una reclamación ante una autoridad de control. Puedes consultar la información adicional y detallada sobre Protección de Datos en mi página web: https://www.actualizatec.com, así como consultar mi política de privacidad.