Cuando un comercio nos pide "una aplicación", muchas veces piensa en algo que se descarga de Google Play o de la App Store. Sin embargo, para sistemas de ventas, inventario o pedidos, una aplicación web progresiva (PWA) suele ser la opción más rápida y económica. Así construimos, por ejemplo, la interfaz de SERVITEC.
Qué es una PWA
Una PWA es una aplicación web que, gracias a tecnologías modernas del navegador, se comporta como una app instalada: tiene su propio ícono en el escritorio o en el celular, abre en pantalla completa sin barra de direcciones, puede funcionar con conexión inestable y recibe actualizaciones automáticamente. Por dentro sigue siendo una página web, construida en nuestro caso con Angular.
Los dos ingredientes técnicos principales son:
- Manifiesto web: un archivo JSON con el nombre, los íconos y los colores de la app, que permite instalarla.
- Service worker: un script que guarda en caché los archivos de la aplicación y algunos datos, para que cargue rápido y siga funcionando cuando la red falla.
Ventajas para un comercio
- Un solo desarrollo para todos los dispositivos: la misma aplicación funciona en el computador de la caja, en la tableta de bodega y en el celular del vendedor.
- Sin tiendas de aplicaciones: no hay que esperar aprobaciones ni pagar cuentas de desarrollador; publicar una mejora es subir una nueva versión al servidor.
- Instalación inmediata: el usuario abre un enlace y pulsa "Instalar".
- Menor costo de mantenimiento: un solo código, un solo equipo.
- Actualizaciones transparentes: todos los usuarios usan siempre la última versión.
Limitaciones que debes conocer
Una PWA no es la respuesta para todo. Tiene acceso más limitado al hardware que una app nativa: algunas funciones de Bluetooth, NFC o integración profunda con el sistema operativo no están disponibles en todos los navegadores, y en iPhone las notificaciones y el almacenamiento tienen más restricciones que en Android. Si el negocio depende de esas funciones, conviene una app híbrida con Ionic y Capacitor, que reutiliza gran parte del código web y se publica en las tiendas.
Casos donde una PWA funciona muy bien
- Punto de venta y facturación.
- Control de inventario con lector de códigos de barras USB o la cámara del celular.
- Toma de pedidos de vendedores en ruta.
- Paneles administrativos y reportes.
- Órdenes de servicio técnico.
Trabajar sin conexión: con cuidado
El modo sin conexión es una de las ventajas más llamativas, pero hay que diseñarlo bien. Mostrar el catálogo desde la caché es sencillo; registrar ventas sin internet y sincronizarlas después exige resolver conflictos (por ejemplo, dos vendedores que venden la última unidad al mismo tiempo). Recomendamos definir desde el inicio qué operaciones deben funcionar sin red y cuáles pueden esperar.
Cómo empezar
Si ya tienes una aplicación web en Angular, convertirla en PWA es cuestión de agregar el soporte oficial (ng add @angular/pwa), ajustar el manifiesto y definir la estrategia de caché. Si estás empezando de cero, vale la pena diseñarla como PWA desde el principio: el costo adicional es mínimo y la experiencia para tus usuarios mejora de inmediato.