Desarrollo de PWA: apps que la gente instala desde el navegador
Una aplicación web progresiva (PWA) se instala desde el navegador en la pantalla de inicio del celular, se abre como una app y puede enviar notificaciones push. Nuestro desarrollo de PWA cubre todo, desde la app misma y el panel para tu equipo que la respalda hasta las notificaciones push y el hosting, sin esperar la revisión de las tiendas de apps.
Una PWA es una aplicación web hecha para comportarse como una app del celular. Tres cosas marcan la diferencia:
Se instala desde el navegador. La gente la agrega a su pantalla de inicio desde Chrome o Safari. No hace falta publicarla en la App Store ni en Google Play.
Notificaciones push. La app puede enviar avisos a la pantalla de bloqueo del celular, como una app nativa.
Lo básico sin conexión. Un service worker puede hacer que las pantallas clave sigan cargando con una conexión débil.
Un detalle en iPhone: las notificaciones push solo funcionan después de que la persona agrega la app a su pantalla de inicio, en iOS 16.4 o posterior. Por eso la app debe enseñarle a la gente cómo instalarla, y eso lo incluimos.
Un ejemplo real: Oremos, una app de oración para una iglesia
La Iglesia Evangélica Nueva Visión necesitaba una forma de que sus miembros pidieran oración y de que el equipo de oración le diera seguimiento a cada petición. Construimos Oremos, una PWA en español. En cualquier captura de pantalla que mostremos, los nombres y las peticiones aparecen difuminados.
Peticiones de oración con opciones de privacidad: solo el equipo de oración, el muro público o solo los pastores
Un muro de oración con contador de “Oré por esto”, testimonios de oraciones contestadas, y anuncios y eventos que se pueden agregar al calendario
Notificaciones push y una campanita dentro de la app, con ajustes para cada persona; los textos de la pantalla de bloqueo nunca muestran nombres ni detalles de la petición
Cinco roles, de miembro a administrador, y un administrador aprueba cada registro nuevo
Un panel para el equipo con cola de verificación, acciones en bloque, etiquetas y estadísticas resumidas
Captura de foto a texto: el equipo fotografía los formularios de oración en papel, Gemini los transcribe y el equipo los revisa antes de guardarlos
Widgets que llevan el formulario de oración, el muro y el calendario al sitio web de la iglesia
¿PWA, app nativa o sitio web?
Instalación: un sitio web no se instala. Una PWA se instala desde el navegador con unos cuantos toques. Una app nativa se instala desde la App Store o Google Play.
Notificaciones push: un sitio web normal no las tiene. Una PWA sí (en iPhone, una vez instalada). Una app nativa también.
Actualizaciones: un sitio web y una PWA se actualizan en cuanto publicamos. La actualización de una app nativa pasa por la revisión de la tienda, y la gente tiene que instalarla.
Revisión de las tiendas de apps: ninguna para un sitio web o una PWA. Obligatoria en cada versión de una app nativa.
Mantenimiento: un sitio web y una PWA comparten un solo código. Una app nativa suele implicar trabajo aparte para iOS y Android, además de cuentas en las tiendas.
Funciones del celular: una PWA puede usar la cámara, las fotos, la ubicación y las notificaciones, y eso cubre muchas apps de negocio. Una app nativa tiene acceso completo al celular.
Una app nativa es la mejor opción cuando necesitas acceso profundo al hardware, mucho uso sin conexión o estar en las tiendas de apps desde el primer día. Si es tu caso, te lo decimos.
También le construimos a Rachelle's Cleaning Services un panel para quien es dueño del negocio, que se instala como PWA y le envía notificaciones push al celular.
Funciones que construimos en una PWA
Una PWA es una aplicación web a la medida con una capa de instalación encima, así que todo lo que construimos en aplicaciones web también funciona aquí, incluidos los procesos de reserva de nuestros sistemas de reservas en línea y funciones de inteligencia artificial (IA) como pasar fotos a texto, que explicamos en integración de IA.
Inicio de sesión y acceso por roles
Notificaciones push con ajustes para cada persona
Una campanita de notificaciones dentro de la app
Subida de fotos y uso de la cámara
Pantallas clave guardadas en caché para verlas sin conexión
Un panel de administración o para tu equipo
Inglés, español o ambos
Proceso y hosting
Funciona como cualquier proyecto de app: una llamada, un alcance por escrito con las pantallas principales, avances por etapas en un enlace privado de vista previa que instalas en tu propio celular y, después, el lanzamiento. Las notificaciones push necesitan un servidor que esté siempre en línea y claves guardadas de forma segura, así que aquí el hosting importa. Podemos alojar la app y mantenerla actualizada; mira hosting y mantenimiento administrado.
Una página web de limpieza de casas pensada para posicionarse ciudad por ciudad, con un cotizador de varios pasos y un panel instalable para el negocio.
Lo que construimos
Páginas por ciudad con contenido local propio, además de páginas de servicios y de zonas
Cotizador de varios pasos, protegido contra spam con un honeypot
API de leads independiente con correos transaccionales
Panel del negocio instalable como PWA, con notificaciones push al celular
Sí. Se instala desde Safari con Compartir y luego Agregar a inicio. Las notificaciones push en iPhone necesitan iOS 16.4 o posterior y que la app esté agregada a la pantalla de inicio.
¿Más adelante puede estar en la App Store o en Google Play?
Google Play acepta PWA empaquetadas como Trusted Web Activity. Apple revisa con más rigor las apps que envuelven un sitio web y puede esperar funciones que un sitio web no ofrece. Si te importa estar en las tiendas, revisamos contigo lo que haría falta antes de que te comprometas.
¿Cómo funcionan las notificaciones push?
Cuando alguien instala la app y acepta las notificaciones, su navegador le da a la app una suscripción privada. Tu servidor la usa para enviar avisos a través del servicio push del navegador (Web Push con claves VAPID). Cada persona elige qué recibe, y mantenemos los datos sensibles fuera de la pantalla de bloqueo.
¿La app puede estar en español?
Sí. Oremos está completamente en español, y una app también puede funcionar en inglés y en español, con las notificaciones en el idioma de cada persona.
¿Funciona sin conexión?
En parte. Un service worker puede guardar en caché las pantallas y los datos que la persona ya abrió, así que la app sigue cargando con una conexión débil. Todo lo que necesita datos actualizados, como enviar una petición nueva, requiere conexión.
