Aplicaciones Móviles

Crea web apps optimizadas para móviles en Proyecta. Las PWAs funcionan hoy mismo; wrappers nativos para iOS/Android a través de PWA Builder.

Proyecta construye web apps. El camino más rápido hacia “una app en el teléfono” es una web app responsiva — opcionalmente mejorada como una Progressive Web App (PWA) para que los usuarios puedan instalarla en su pantalla de inicio y (en plataformas compatibles) recibir notificaciones push, soporte offline y una experiencia en pantalla completa.

Para distribución nativa a través del App Store, Google Play o Microsoft Store, envuelves la PWA publicada usando una herramienta como PWA Builder.

Lo que obtienes desde el inicio

Selector de viewport responsivo en el builder — cambia entre vistas de Escritorio / Tablet / Móvil mientras editas
Prompts de IA mobile-first — la IA sabe cómo construir layouts responsivos cuando se lo pides
Pestaña de panel móvil — un panel Mobile dedicado con los pasos de Appearance, Test y Publish para convertir tu app en una aplicación móvil instalable
Notificaciones push — consulta Notificaciones Push
UI del builder para móviles — Proyecta funciona en teléfonos, así que puedes crear sobre la marcha

La pestaña Mobile

Abre el dashboard y cambia a la pestaña Mobile para un flujo guiado de tres pasos:

Appearance — revisa el ícono de tu app, el nombre y el color del tema. Si el soporte móvil aún no está configurado, haz clic en Set up mobile support y Proyecta lo configura en un solo paso — sin necesidad de escribir ningún prompt.
Test — escanea un código QR para abrir tu app publicada en un teléfono real (consulta Probar en Móvil).
Publish to App Store — un recorrido paso a paso para empaquetar y enviar tu app a las tiendas (consulta Publicar en las Tiendas de Apps).

La plantilla de webapp ya incluye un web app manifest (site.webmanifest) y un service worker (sw.js), así que la base para una PWA instalable con soporte offline está lista desde el primer build — la pestaña Mobile y la IA simplemente la adaptan a tu app.

El camino PWA

El camino más rápido es el botón Set up mobile support en la pestaña Mobile. Si prefieres ser más específico, también puedes pedírselo directamente a la IA:

Add PWA support to my app:
- Web app manifest with name, icons, theme color
- Service worker with offline cache for the app shell
- Service worker with update toast on new version

De cualquier forma, el manifest y el service worker quedan configurados. Una vez que publiques, los usuarios podrán:

Abrir tu app en cualquier navegador móvil
Tocar el menú del navegador y elegir Add to Home Screen (iOS) o Install app (Android)
Abrirla como una app nativa desde su pantalla de inicio

Las PWAs en iOS 16.4+ también soportan Web Push, así que las notificaciones funcionan — consulta Notificaciones Push para la configuración.

Profundizando: wrappers nativos

Si necesitas publicar en el App Store o Google Play, el camino recomendado es envolver tu PWA publicada:

Publica en tu subdominio *.proyecta.live (o en un dominio personalizado)
Abre pwabuilder.com e ingresa tu URL
Genera los paquetes nativos — Android (AAB), iOS (proyecto de Xcode), Windows (MSIX)
Envíalos a la tienda correspondiente

Consulta Publicar en las Tiendas de Apps para más detalles.

Limitaciones que debes conocer

Apple puede rechazar apps que sean solo WebView y que no agreguen funcionalidad nativa. Considera esto antes de apuntar al App Store.
Las notificaciones push en iOS requieren que el usuario instale primero la PWA desde Safari (no desde un wrapper).
La cámara, el GPS y los contactos funcionan a través de APIs web — las APIs exclusivas de iOS (HealthKit, ARKit) no son accesibles desde un wrapper PWA.

Próximamente

Plantillas nativas de React Native / Expo para proyectos que necesiten shells verdaderamente nativos
Integración con Capacitor como ruta alternativa de wrapping
Asistente de publicación en tiendas de apps dentro del builder (íconos, pantallas de carga, texto del listing)
Gestión de metadatos para tiendas de apps sincronizada con el builder