Saltar al contenido principal

Para constructores de Lovable y de código de vibas

Convirta su aplicación Lovable en aplicaciones de iOS y Android

Exporte su proyecto Lovable a GitHub, envuélvelo con Capacitor y construya aplicaciones de tienda firmadas con Capgo Build. Después de la lanzamiento, cada publicación en Lovable puede llegar a aplicaciones instaladas como un live update a través de GitHub Acciones.

GitHub
uno de repositorio para Lovable, Capacitor, y CI
2–3 min
compilación nativa típica
actualizaciones en vivo
desde cada Publicación en Lovable

Proyecto Lovable

Construya la aplicación web con promps y ediciones visuales. Conecte GitHub para que el code esté en un repositorio.

Exportar y envolver

Capacitor shell

Copie el repositorio, construya un carpeta de dist estática y agregue proyectos de iOS y Android con Capacitor.

Compilar y actualizar

Bucle de lanzamiento Capgo

Construye binarios firmados con Capgo. Luego envía cambios web como actualizaciones en vivo desde GitHub Acciones.

El Problema

Lovable construye la aplicación. Los tiendas necesitan más.

La aplicación se detiene en el navegador

Un proyecto Lovable es una aplicación web. Las listas de productos, las notificaciones push y las características del dispositivo requieren una capa nativa alrededor de ella.

Lovable no puede ejecutar herramientas nativas

Se requiere un repositorio y un servicio de compilación para que los subidas a la tienda ocurran fuera de Lovable.

Cada cambio espera en revisión

Después de la primera publicación en una tienda, cada nueva versión vuelve a pasar por la revisión de la tienda, a menudo 24-48 horas, a veces mucho más.

La pila

¿Qué hace cada herramienta?

Lovable construye la aplicación web

Pantallas, flujos, copias y cableado de backend, iterados con sugerencias. Una aplicación de una página te da una carpeta de dist estática para envolver.

Capacitor lo envuelve

GitHub almacena el code. Capacitor coloca la aplicación web construida en proyectos nativos de iOS y Android con tu ID de aplicación, iconos y permisos.

Capgo lo construye y lo actualiza

Capgo Build crea binarios firmados y los sube a las tiendas. Las actualizaciones en vivo envían cambios web posteriores a las aplicaciones instaladas.

La Solución

El camino de Capgo desde Lovable a las tiendas

Lovable sigue construyendo el producto. Capacitor y Capgo agregan los pasos de construcción nativa, subida a la tienda y actualización.

Exportar a GitHub y agregar Capacitor

Conectar Lovable a GitHub, clonar el repositorio, construir una carpeta de dist estática y agregar los proyectos de iOS y Android con Capacitor.

Tutorial de Lovable a Capacitor

Constrúyalo con Capgo Construyendo

Pida compilaciones firmadas de iOS y Android desde el CLI. Las compilaciones de iOS se ejecutan en Macs en la nube, y una compilación típica tarda entre 2 y 3 minutos.

Capgo Compilación de documentos

Deje que su agente de IA realice lanzamientos

The Capgo MCP server lets Claude Code, Codex, or Cursor upload bundles, manage channels, and request builds. Capgo skills add Capgo-specific instructions for the agent.

Servidor MCP de Capgo Habilidades de Capgo AI

Cómo funciona

Cómo los constructores de Lovable envían aplicaciones móviles con Capgo

Desde un proyecto Lovable para almacenar construcciones y actualizaciones en vivo. Ejecuta estos comandos en tu computadora o deja que un agente de codificación los ejecute.

  1. Exporta a GitHub y clona

    En Lovable, conecta GitHub. Clona el repositorio y verifica que la construcción cree un carpeta dist con index.html.

    git clone https://github.com/you/your-lovable-app.git
cd your-lovable-app
npm install
npm run build
    Tutorial de Lovable a Capacitor

  2. Agrega Capacitor y Capgo

    Agrega los proyectos nativos, luego ejecuta el Capgo de onboarding. Agrega tu aplicación, crea un canal de producción y instala el plugin de actualizador.

    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
    CLI guía de onboarding

  3. Construye aplicaciones firmadas en la nube

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

    npx @capgo/cli@latest build init
npx @capgo/cli@latest build request --platform ios
npx @capgo/cli@latest build request --platform android
    Capgo Documentación de construcción

  4. Envía cada publicación como un live update

    Agregar CAPGO_TOKEN como un GitHub secreto y un flujo que construye y sube a empujones. Los nuevos plugins o permisos todavía necesitan una nueva construcción de tienda.

    # step in .github/workflows, with CAPGO_TOKEN from secrets
npm ci && npm run build
npx @capgo/cli@latest bundle upload --channel=production --auto-bump
    Guía de publicación de Lovable a live update

Prompt de agente de IA

Let your coding agent do the setup

Lo Lovable no puede ejecutar el Capgo CLI. Después de clonar el repositorio, pega esto en un agente de codificación local como Claude Code, Codex o Cursor. Instala el servidor MCP Capgo, agrega Capacitor y el actualizador, y deja pendientes de firmar en lugar de inventar secretos.

Prompt para tu agente de codificación

I want this project, exported from Lovable, to become a Capacitor mobile app using Capgo from the start.

Set up the project so an AI agent can use Capgo's MCP release tools through install-mcp:

1. Install the Capgo CLI MCP server for the active AI client. For Codex, run:
   - npx @capgo/cli@latest login
   - npx install-mcp 'npx @capgo/cli@latest mcp' --client codex
   Replace codex with cursor, claude-code, gemini-cli, or windsurf if that is the client this project uses.
2. Read Capgo's public MCP metadata when tool details are needed:
   - https://capgo.app/.well-known/mcp/server-card.json
   - https://capgo.app/.well-known/agent-skills/capgo-cli-mcp/SKILL.md
   If this client supports agent skills, also run: npx skills add Cap-go/capgo-skills
3. Add a short docs/agent-mobile-release.md file that tells the agent to use the Capgo CLI MCP server as a local stdio server, not a remote HTTP endpoint.
4. Add Capacitor for iOS and Android using the package manager already used by this project.
5. Configure capacitor.config.ts with:
   - appName: the current Lovable app name
   - appId: a production-style bundle ID I can edit later, such as com.company.app
   - webDir: the production build output folder
   - plugins.CapacitorUpdater.defaultChannel: production
6. Install and configure @capgo/capacitor-updater.
7. Add package scripts for:
   - building the web app
   - syncing Capacitor
   - uploading a production Capgo bundle
   - starting Capgo Build setup for iOS
   - requesting an iOS cloud build
8. Create a first production channel plan:
   - production for users
   - preview for stakeholder review
   - staging for internal testing
9. Keep normal docs and README commands copy-pasteable with npm/npx unless this project already uses another package manager. Keep the Capgo MCP install command exactly as shown above.
10. Do not fake native signing credentials. Leave clear TODOs for the Capgo API key, Apple team details, and bundle ID.
11. After making changes, summarize exactly what changed and what command I should run next.

Aplicaciones construidas con Capacitor

Plantillas y productos de aprendizaje son candidatos móviles naturales

Creación y aplicaciones de aprendizaje muestran cómo los flujos de estilo web pueden convertirse en experiencias móviles listas para la tienda cuando se manejan de manera limpia la empaque, la firma y las actualizaciones.

Diseñador de tarjetas de invitación Icono de aplicación EVENTOS

Invitación Maker Card Design

Flujo de diseño impulsado por plantillas que se mapea naturalmente desde la web responsable a móvil.

Instalaciones de Google Play
20.0M
Calificación de la tienda
4.6
Icono de aplicación japonesa infinita Educacional

Infinidad japonesa

Aplicación de aprendizaje enfocada donde mejoras en lecciones y onboarding se acumulan

Instalaciones de Google Play
1,8M
Calificación de la tienda
4.6
Icono de aplicación de escuela y universidad StudySmarter EDUCACIÓN

EstudioSmarter - Escuela y universidad

Flujo de estudio donde la iteración del producto web puede continuar después de empaquetar la aplicación.

Instalaciones de Google Play
6,5M
Calificación de tienda
4.8

Pruebas de clientes

¿Qué equipos que envían con Capgo dicen

5.0/5 Calificada por equipos de desarrolladores 9,400+ Equipos Lee reseñas

__CAPGO_KEEP_0__

Diseno, radio 5

“Capgo Build nos ayudó a simplificar nuestro Capacitor proceso de lanzamiento de la aplicación. Podemos construir y enviar aplicaciones de iOS y Android desde un flujo de trabajo claro.”

Kapil

Fundador, NuTriQ

Ser capaz de enviar actualizaciones de producción OTA de inmediato sin tener que esperar a los ciclos de revisión completos de la Tienda de Aplicaciones ha sido una ventaja operativa masiva.

Retrato de Luis Dominguez

Luis Domínguez

El que paga, Anirol

“Desde que empecé a usar Capgo todo es más rápido, y puedo dar a mis usuarios el tiempo que merecen sin descuidar mi vida diaria.”

FAQ

¿Preguntas que hacen los constructores amables?

Respuestas breves para llevar una aplicación Lovable o codificada con vibecode a la Tienda de App y Google Play.

Puede Lovable publicar directamente en la Tienda de Aplicaciones?

No. Lovable builds the web app. You export it to GitHub, wrap it with Capacitor, and build signed iOS and Android apps with Capgo Build, which uploads them to App Store Connect and Google Play.

Tutoriales de Capacitor

Tutoriales de Lovable a __CAPGO_KEEP_0__

No. Capgo Build runs iOS builds on cloud Mac machines. You still need an Apple Developer account for the App Store and a Google Play developer account for Android.

No. Capgo Build ejecuta las compilaciones de iOS en máquinas Mac en la nube. Todavía necesitaré una cuenta de desarrollador de Apple para la tienda de aplicaciones y una cuenta de desarrollador de Google Play para Android.

¿Cambios que realice en Lovable llegarán a la aplicación móvil?

Sí, para cambios en la capa web. Con GitHub sincronizado, Publica envía un commit, un GitHub Acción ejecuta la carga de paquetes y las aplicaciones instaladas descargan la actualización. Los nuevos plugins o permisos todavía necesitan una nueva construcción de tienda.

Guía de Publica a live update

Mi proyecto Lovable utiliza Next.js. ¿Funciona?

Sí, con una exportación estática. Punte Capacitor's webDir al folder out en lugar de dist. Las aplicaciones de una sola página de Vite funcionan como están.

Next.js con Capacitor

Puede mi agente de IA manejar los pasos de lanzamiento?

Sí. npx @capgo/cli mcp inicia un servidor MCP local que Claude Code, Codex o Cursor pueden usar para cargar paquetes, gestionar canales y solicitar construcciones. Las habilidades Capgo agregan instrucciones específicas para el agente Capgo.

Capgo servidor MCP

Coloca tu aplicación Lovable en las tiendas

Inicia la prueba gratuita de 14 días, exporta tu proyecto a GitHub y solicita tus primeras construcciones de iOS y Android del CLI.