Web app, PWA y app nativa: diferencias para una empresa

Una web app se usa desde el navegador, una PWA es esa misma web preparada para instalarse en el móvil y una app nativa se descarga de la App Store o de Google Play y se programa para el sistema del teléfono. Para una empresa la diferencia está en tres cosas: cómo llega al cliente, qué puede hacer con el teléfono y qué cuesta mantenerla.

Son los tres tipos de aplicaciones que una empresa encarga para lo mismo: que un cliente o un empleado haga algo desde el móvil. Elegir mal no se nota el primer mes; se nota cuando pides notificaciones y la plataforma no las da, o cuando la tienda rechaza la app por ser «una web empaquetada».

Qué es cada una, sin jerga

Web app

Una web app es un programa que vive en una dirección web y se abre con el navegador, en el móvil o en el ordenador. No se instala ni pasa por ninguna tienda: el cliente llega por un enlace, un buscador o un código QR. Un panel de pedidos o un área de cliente son web apps aunque nadie las llame así.

PWA, la aplicación web progresiva

Una PWA (progressive web app) es una web app con dos añadidos: un manifiesto, que le da nombre, icono y pantalla de arranque, y casi siempre un service worker, que guarda partes de la aplicación para abrir sin conexión. Con eso el navegador la ofrece para instalar y aparece en la pantalla de inicio como una app más. Según MDN, para ser instalable tiene que servirse por HTTPS e incluir un manifiesto que, en Chrome y los navegadores de su familia, lleve nombre, iconos de 192 px y 512 px y dirección de arranque; el service worker no es obligatorio para instalarla.

App nativa, y la híbrida de paso

Una app nativa se programa para iOS o para Android, se distribuye por la App Store o Google Play y accede a todo lo que el sistema ofrece: cámara, Bluetooth, NFC, sensores, widgets, pagos del sistema. La app híbrida mete una web dentro de un contenedor nativo para subirla a las tiendas; la multiplataforma, que es lo que hacemos en Zubicode, escribe una sola base de código que se compila a iOS y Android. En esta comparación, las dos se comportan como nativas: viven en la tienda y llegan al teléfono entero.

La diferencia entre app y web, en una tabla

Cuándo basta con una web app

Si alguien consulta o rellena algo de vez en cuando, una web app es la opción más barata de construir y de mantener: una sola versión, sin tiendas ni revisiones. Encaja en áreas de cliente, reservas, formularios internos y paneles de control.

Se queda corta en el uso diario desde el móvil: el cliente tiene que acordarse de la dirección, no puedes avisarle en el iPhone y sin cobertura no hay nada.

Cuándo la PWA es la respuesta

La PWA es la forma honesta de convertir una web en app. Sirve cuando la web ya existe, el uso es frecuente y quieres icono en el móvil y avisos, pero no necesitas nada del teléfono que el navegador no dé. Desde iOS 16.4 Apple admite notificaciones push en las web apps añadidas a la pantalla de inicio, siempre que el usuario las active con un gesto propio, por ejemplo tocando un botón de suscripción.

Dos límites. En iPhone no existe el aviso automático de «instalar esta app» (MDN: la API de instalación no está soportada en iOS), así que el cliente tiene que ir al menú Compartir y añadirla a la pantalla de inicio, y eso hay que explicárselo. Y en Android puedes envolver la PWA en una app y subirla a Google Play con una Trusted Web Activity, el mecanismo de Chrome para abrir tu PWA desde tu app Android; en la App Store ese atajo no existe.

Cuándo hace falta una app nativa

Hace falta cuando la app es el producto o el canal principal con el cliente, cuando depende del hardware (escanear, geolocalizar en segundo plano, Bluetooth) o cuando la empresa quiere estar en la tienda por marca y por confianza.

Y ahí entra la norma que más proyectos frena. La guía 4.2 de revisión de la App Store exige que la app aporte «funciones, contenido e interfaz que la eleven por encima de una web reempaquetada», y la 4.2.2 añade que, salvo catálogos, una app no puede ser sobre todo material de marketing, recortes web o una colección de enlaces. Si el objetivo es la tienda, la app tiene que hacer algo que la web no hace.

Lo que cuesta mantener cada una

El coste de construir lo fija cada proyecto; el de mantener sí se puede comparar, porque buena parte es público.

• Una web app o una PWA tienen una sola versión para todos los navegadores. Se actualiza en el servidor y listo.
• Una app nativa vive en dos tiendas con dos cuentas (99 USD al año en Apple, 25 USD una vez en Google), dos revisiones por versión y sistemas que cambian cada otoño.
• Si vendes dentro de la app, la tienda cobra comisión. Apple ofrece el 15 % en su Small Business Program a quien ingresó hasta 1 millón de USD el año anterior. Google Play publica el 15 % del primer millón anual en la mayoría de mercados, pero en el Espacio Económico Europeo, España incluida, aplica una escala distinta que conviene leer antes de hacer números.

Con una app multiplataforma el mantenimiento se reparte mejor: una base de código, dos tiendas. Por eso la ofrecemos así, y por eso no la recomendamos cuando una PWA resuelve lo mismo.

Cómo lo decidimos nosotros

Hacemos cuatro preguntas, en este orden, y la primera que da «sí» marca la respuesta.

1. ¿Necesita algo del teléfono que el navegador no da, o tiene que estar en la tienda? App nativa o multiplataforma.
2. ¿La va a usar la misma persona varias veces por semana y quieres avisarle? PWA.
3. ¿Ya existe la web y el problema es solo el acceso desde el móvil? PWA sobre esa web.
4. ¿Es un uso ocasional o interno? Web app.

Un juego o una app que dependa de un wearable no pasan por aquí: son nativas desde el primer día. Y si tu negocio está entero en el escritorio, la pregunta es la de software a medida.

Preguntas frecuentes

¿Una PWA aparece en la App Store?

No por sí sola. En Google Play puede entrar envuelta en una Trusted Web Activity; en la App Store, Apple exige por la guía 4.2 que la app vaya más allá de una web reempaquetada, así que una PWA sin funciones propias de app no supera la revisión.

¿Se puede convertir una web en app?

Sí, y la PWA es la vía más directa: se añaden el manifiesto, el service worker y HTTPS, y la web pasa a instalarse desde el navegador con su icono. Para Google Play se envuelve en una Trusted Web Activity; para la App Store hay que construir una app.

¿Qué es una app híbrida y en qué se diferencia de una PWA?

Las dos parten de código web. La híbrida lo mete en un contenedor nativo que se publica en las tiendas y accede al teléfono a través de él; la PWA se queda en el navegador y solo tiene lo que el navegador permita.

Siguiente paso

Si no sabes en cuál de las cuatro preguntas cae tu caso, cuéntanoslo en contacto y lo miramos contigo antes de que decidas nada. Si ya sabes que necesitas estar en las tiendas, en desarrollo de apps explicamos cómo trabajamos iOS y Android con una sola base de código.

Fuentes

• MDN, Making PWAs installable: lo que necesita una web para poder instalarse (HTTPS y un manifiesto con nombre, iconos y dirección de arranque).
• WebKit, Web Push for Web Apps on iOS and iPadOS: notificaciones push desde iOS 16.4 en las web apps añadidas a la pantalla de inicio, si las activa el usuario.
• Apple, App Review Guidelines, 4.2 y 4.2.2: la funcionalidad mínima que se pide a una app y por qué no basta una web reempaquetada.
• Apple, Apple Developer Program: la cuota de 99 USD por año de membresía.
• Apple, App Store Small Business Program: la comisión del 15 % para quien ingresó hasta 1 millón de USD el año anterior.
• Google, Registrarse en Google Play Console: la cuota de registro de 25 USD, de pago único.
• Google, Tarifas de servicio de Google Play: el 15 % del primer millón anual y la escala propia del Espacio Económico Europeo.
• Chrome for Developers, Trusted Web Activities: el mecanismo para abrir una PWA desde una app Android y publicarla en Google Play.