Saltar al contenido principal

Para equipos con una web app

Convierte tu web app en apps de iOS y Android

Envuelve tu web build actual con Capacitor, genera binarios firmados con Capgo Build y publica en la App Store y Google Play. Tras el lanzamiento, publica los cambios web como live updates. Tu code web sigue siendo la fuente.

para web, iOS y Android
Una sola base de código
una build nativa típica
2–3 min
para cambios web tras el lanzamiento
Actualizaciones en vivo
npm install @capacitor/core @capacitor/cli @capacitor/ios @capacitor/android
npx cap init "Your App" com.company.app --web-dir dist
npx cap add ios && npx cap add android
npx @capgo/cli@latest init
npx @capgo/cli@latest build request --platform ios

Tu app web

React, Vue, Angular, Svelte o cualquier stack que genere archivos estáticos

Apps en tiendas que sigues actualizando

Proyectos nativos de iOS y Android, compilados en la nube y actualizados over-the-air

El problema

Tu equipo publica la web a diario. El móvil añade trabajo nuevo.

Un sitio responsive no es una app de tienda

La presencia en tiendas, las notificaciones push y las APIs del dispositivo requieren un shell nativo para tu code web.

El tooling nativo es nuevo para un equipo web

Xcode, Android Studio, certificados de firma, keystores y registros de tiendas son tareas que tu equipo no ha hecho antes.

Dos velocidades de release

Tu web app se publica al hacer merge. Una app de tienda pasa por revisión en cada cambio, a menudo 24–48 horas, a veces mucho más.

Antes de empezar

Qué revisar primero en tu web app

La mayoría de las web apps funcionan en Capacitor con pocos cambios. Estos tres puntos detectan problemas comunes a tiempo.

Un build estático

Capacitor carga tus archivos compilados desde una carpeta (webDir). Vite, Angular y Vue lo generan por defecto. Next.js necesita un export estático.

Next.js con Capacitor

Routing y redirecciones de login

Verifica que las rutas del lado del cliente, las redirecciones de OAuth y los enlaces funcionen dentro de la app, no solo en tu dominio.

Guía de web app a Capacitor

Funciones del dispositivo que necesitas

Enumera qué necesita un plugin nativo: notificaciones push, cámara, archivos, biometría o compras in-app.

plugins de Capacitor

La solución

Lo que gestionan Capacitor y Capgo

Capacitor le da a tu web app un shell nativo. Capgo lo construye, lo envía a las stores y lo mantiene actualizado.

Capacitor envuelve tu build web

Capacitor integra tu web app en proyectos nativos de iOS y Android. Los plugins permiten que tu JavaScript acceda a las funciones del dispositivo.

plugins de Capacitor

Capgo Build compila y firma

Solicita builds de iOS y Android desde CLI. Los builds de iOS se ejecutan en Macs en la nube, así nadie del equipo necesita uno. Un build típico tarda 2–3 minutos.

Docs de Capgo Build

Sube a las tiendas

Los builds firmados se suben a App Store Connect y Google Play. El primer release y cada cambio nativo siguen pasando por la revisión de la tienda.

Docs de Capgo Build

Live updates tras el lanzamiento

Envía cambios de JavaScript, HTML, CSS y assets a apps instaladas sin una nueva versión en la tienda. Prueba primero en un canal de staging.

Docs de Channels

Cómo funciona

Cómo los equipos web lanzan apps móviles con Capgo

De una web app existente a builds para las tiendas y Live Updates. Los comandos de Capacitor vienen de la Capacitor CLI, y los de Capgo de la documentación de Capgo CLI.

  1. Añade Capacitor a tu web app

    Instala Capacitor, configura el nombre de la app, el bundle ID y la carpeta de salida, y añade los proyectos de iOS y Android.

    npm install @capacitor/core @capacitor/cli @capacitor/ios @capacitor/android
    npx cap init "Your App" com.company.app --web-dir dist
    npx cap add ios
    npx cap add android
    Guía de web app a Capacitor
  2. Conecta la app a Capgo

    El onboarding añade tu app a Capgo, crea un canal de producción, instala el plugin updater y te guía en tu primera actualización de prueba.

    npx @capgo/cli@latest init
    Guía de onboarding de CLI
  3. Compila apps firmadas en la nube

    Configura la firma una vez y solicita builds de iOS y Android. Los builds firmados se suben a App Store Connect y Google Play para su revisión.

    npm run build && npx cap sync
    npx @capgo/cli@latest build init
    npx @capgo/cli@latest build request --platform ios
    npx @capgo/cli@latest build request --platform android
    Docs de Capgo Build
  4. Lanza cambios web como Live Updates

    Tras la instalación de la app, sube cada nuevo build web a un channel. Los cambios nativos requieren un nuevo build de la tienda.

    npm run build
    npx @capgo/cli@latest bundle upload --channel production
    Lanzar una actualización

Opcional: Agente de IA para code

Brief de release móvil para tu agente de programación

Si usas un agente de programación con IA, pega este brief. Revisa la app y escribe un archivo de handoff con la config, los plugins necesarios y las tareas pendientes antes de que alguien ejecute herramientas nativas.

Brief de release móvil con IA

You are preparing this existing web app to become an installable iOS and Android app.
Do not assume you can run local tooling. If this environment cannot create native projects or run local tools, create a clean handoff document instead.

Inspect the app and return:

1. The framework, package manager, production build process, and build output folder.
2. Whether the app can be exported or committed to a real Git repository.
3. The app name, bundle ID or package ID suggestion, app icon and splash-screen source, and any missing brand assets.
4. Auth, redirect, deep-link, storage, camera, push, payment, geolocation, file, or notification features that need native plugin planning.
5. Routing, environment variables, API URLs, and asset assumptions that could break inside a native WebView.
6. A proposed Capacitor configuration, including appId, appName, webDir, and required plugins, without inventing secrets.
7. A release-channel plan: production, staging, preview, and rollback expectations for web-layer updates.
8. A list of tasks that must happen outside this environment, such as Apple signing, Android keystore setup, native sync, store records, and signed builds.
9. A docs/mobile-release-handoff.md file with the exact checklist, open questions, and files that a developer or build service should handle next.
10. A short summary of what you changed, what you could not do in this environment, and the next human action.

Apps creadas con Capacitor

Productos web que también lanzan apps en tiendas

Productos que ya están en la web pueden empaquetar el mismo code con Capacitor, publicar en la App Store y Google Play y seguir lanzando mejoras de la capa web como live updates.

Icono de la app Poll Everywhere NEGOCIOS

Poll Everywhere

Producto de encuestas en vivo para web y móviles, donde presentadores y participantes esperan los mismos flujos.

Instalaciones en Google Play
1,1M
Calificación en la tienda
3.2
Icono de la app Freelancer: Hire & Find Jobs NEGOCIOS

Freelancer: Contrata y encuentra empleo

Marketplace con un gran producto web donde las pantallas de contratación, mensajería y cuenta también se publican en una app de tienda.

Instalaciones en Google Play
8,9M
Calificación en la tienda
4.1
Icono de la app TV SPIELFILM - TV-Programm ENTRETENIMIENTO

TV SPIELFILM - Guía de TV

Servicio de programación de TV con una web con mucho tráfico y una app que muestra la misma guía y contenido editorial.

Instalaciones en Google Play
12,1M
Calificación en la tienda
4.4

Testimonios de clientes

Lo que dicen los equipos que publican con Capgo

5.0/5 valorado por equipos de desarrollo 9,400+ equipos Leer reseñas

sikafanka

Diseño, radio 5

“Capgo Build nos ayudó a simplificar nuestro proceso de release de Capacitor. Podemos hacer el build y publicar apps de iOS y Android desde un flujo de trabajo claro.”

Kapil

Fundador de NuTriQ

“Poder lanzar actualizaciones OTA a producción al instante, sin esperar los ciclos completos de revisión de la App Store, ha sido una ventaja operativa enorme.”

Retrato de Luis Dominguez

Luis Dominguez

El que paga, manda

“Desde que empecé a usar Capgo, todo va más rápido y puedo dedicarles a mis usuarios el tiempo que merecen sin descuidar mi día a día.”

FAQ

Dudas comunes de equipos web

Respuestas rápidas para equipos que llevan su web app a la App Store y Google Play.

¿Tenemos que reescribir nuestra web app?

No. Capacitor ejecuta tu build web actual dentro de proyectos nativos de iOS y Android. Solo añades plugins cuando necesites funciones del dispositivo y mantienes un único codebase para web y móvil.

Guía de web app a Capacitor

¿Funciona con Next.js?

Sí, con un export estático. Capacitor carga los archivos desde la carpeta de salida de tu build, así que configura output: 'export' y apunta webDir a la carpeta exportada. Vite, Angular y Vue generan salida estática por defecto.

Next.js con Capacitor

¿Necesitamos un Mac para el build de iOS?

No. Capgo Build ejecuta los builds de iOS en máquinas Mac en la nube y sube el build firmado a App Store Connect. Aun así, necesitas una cuenta de Apple Developer.

Docs de Capgo Build

¿Qué podemos cambiar sin lanzar una nueva versión en la tienda?

JavaScript, HTML, CSS y assets pueden enviarse como live updates. Añadir un plugin, cambiar permisos o actualizar Capacitor requiere un nuevo build para la store.

¿Live update o build nativo?

¿Podemos enviar actualizaciones móviles desde nuestro CI actual?

Sí. Ejecuta bundle upload después de tu build web en GitHub Actions, GitLab CI o cualquier pipeline, y solicita Native Builds desde el mismo pipeline cuando cambie el code nativo.

integración con CI/CD

Lleva tu web app a las tiendas

Inicia tu prueba gratuita de 14 días, envuelve tu app con Capacitor y solicita tus primeros builds de iOS y Android desde el CLI. Elige un plan con garantía de reembolso de 14 días, envuelve tu app con Capacitor y solicita tus primeros builds de iOS y Android desde el CLI.