Apps Webview / PWA

En Cadrant construyes estas apps en la pestaña Aplicación móvil, opción « Webview / PWA ». Es una sola app web mobile-first, que se distribuye de dos formas — como PWA, en las tiendas, o ambas:

1. PWA — publicas una URL, y tus usuarios instalan la app desde el navegador, sin pasar por una tienda.
2. WebView — la misma app, envuelta en un shell nativo y enviada a la App Store y a Google Play.

Qué obtienes

• UI mobile-first generada para pantallas táctiles y formatos de teléfono.
• Vista previa en marco de teléfono dentro de Cadrant (mismas pestañas que una app web: preview, editor, código, data).
• Una URL gratuita de Cadrant, o tu propio dominio, con HTTPS incluido.
• Backend Supabase: auth, base de datos, almacenamiento y Edge Functions.
• Sincronización con GitHub e historial de versiones.

1. PWA: instalar desde el navegador

Una PWA (Progressive Web App) es una app web que tus usuarios instalan en el teléfono directamente desde el navegador. Es la forma más simple de poner un producto móvil en manos de la gente: publicas una URL, y esa URL es la app.

Cómo llega una PWA a tus usuarios

1. Abren tu URL en el teléfono, en cualquier navegador.
2. Tocan « Añadir a la pantalla de inicio » en el menú del navegador.
3. La app recibe su propio icono y se abre a pantalla completa, sin la interfaz del navegador.
4. Cada vez que publicas, todos tienen la nueva versión al instante: nada que descargar, nada que aprobar.

Publicar

Desde la cabecera del proyecto, abre Publicar y elige un slug o conecta un dominio propio. Comparte el enlace y ya está en línea. Detalles sobre slug y dominios: Publicar tu proyecto.

Lo que una PWA no puede hacer

• Las APIs del dispositivo son limitadas frente a una app nativa — en especial cámara y notificaciones push, e iOS las restringe más que Android.
• No está en la App Store: nadie la encontrará buscando en la tienda. Para eso, pasa a la parte 2.

2. WebView: publicar en las tiendas

Una app WebView es tu app web publicada, envuelta en un shell nativo y enviada a la App Store y a Google Play. Es el mismo proyecto que tu PWA: la diferencia es que esta consigue una ficha en la tienda. Elige esta vía cuando la gente deba encontrar e instalar tu app desde la tienda en lugar de desde un enlace.

Requisitos para publicar: el plan Starter, una cuenta de Expo (gratuita), una cuenta de Apple Developer (99 $/año) para la App Store y una cuenta de desarrollador de Google Play (25 $ una sola vez) para Google Play.

Cómo funciona

1. Cadrant genera una carcasa Expo mínima cuya única pantalla es una WebView nativa que apunta a tu URL publicada.
2. Los builds iOS y Android se ejecutan en tu cuenta de Expo, y Expo los envía a tu cuenta de App Store Connect y a tu Play Console.
3. Los usuarios la instalan desde la tienda como cualquier otra app.

Qué cambia frente a la PWA

• Se puede encontrar: tu app tiene ficha, icono y nombre que la gente puede buscar.
• Pasa revisión: Apple revisa el binario antes de publicarlo y en cada build nuevo; Google revisa las releases de producción en Play.
• El contenido se sigue actualizando al instante: el shell carga tu URL en vivo, así que publicar cambia lo que ven los usuarios sin enviar un build nuevo.

Publicar

Los dos flujos son idénticos a los de una app nativa: los builds se ejecutan en tu cuenta de Expo y luego Expo envía el binario iOS a tu cuenta de App Store Connect y el app bundle Android a tu Play Console. Paso a paso, por plataforma — iOS: Publicar en App Store Connect. Android: Publicar en Google Play.

Ver también

• Apps móviles nativas — APIs nativas completas, cuando el navegador no basta.
• Publicar tu proyecto — slug y dominios personalizados.
• Publicar en App Store Connect — flujo de Apple Developer, build y subida.
• Publicar en Google Play — configuración de Play Console, clave de subida y rollout en pruebas internas.