Saltar al contenido principal
Guía

Convert Your Lovable App to iOS and Android with Capacitor

Step-by-step guide to export your Lovable project, wrap it with Capacitor, build signed iOS and Android apps in the cloud with Capgo Builder, and ship fixes over the air.

Martin Donadieu

Martin Donadieu

Gerente de Contenido

Convert Your Lovable App to iOS and Android with Capacitor

Introducción

Lovable es un constructor de aplicaciones de IA que convierte promesas en aplicaciones de React funcionales en minutos. Puedes enviar en el navegador rápido, pero ¿qué pasa si quieres tu aplicación en la Tienda de App y Google Play, sentada en la pantalla de inicio como cualquier otra aplicación nativa?

Esta guía te guía a través del camino completo: exportar desde Lovable, envolver la aplicación web con Capacitor Capacitorconstruya binarios iOS y Android firmados en la nube con Capgo Constructor (no se requiere Mac), agregue una característica nativa real y envíe una corrección de diseño por aire con Capgo Actualizaciones en vivo.

Usamos Cursor a lo largo de — su IA puede ejecutar la mayoría de los comandos de terminal para usted si no desea escribirlos manualmente.

Tiempo requerido: cerca de 1-2 horas la primera vez, principalmente configuración de cuenta y espera en compilaciones en la nube.

Al final, tendrá:

  • Una aplicación nativa de iOS y Android construida desde la nube — sin Xcode o Android Studio en el camino principal
  • La aplicación ejecutándose en un dispositivo real (TestFlight, instalación directa, o pruebas internas de Play)
  • Una característica de cámara que solo una aplicación nativa puede ofrecer
  • Actualizaciones en vivo configuradas para que los arreglos de UI y CSS se envíen sin revisión de la tienda

Requisitos previos

Requisito Detalles
Un ordenador Mac, Windows o Linux — los compilados en la nube funcionan desde cualquier sistema operativo
Un code editor Cursor (recomendado) o VS Code
Node.js 24 LTS (última — descargar desde nodejs.org)
Git To clone your Lovable repo from GitHub
Capgo account Registro gratuito — construcciones en la nube y Actualizaciones en vivo

Gastos (solo para publicar públicamente):

Elemento Precio
Programa de Desarrolladores de Apple $99/año
Google Play Console $25 one-time
Cursor Pro $20/mes (opcional pero recomendado para la ejecución de comandos de IA)
Capgo Disponibilidad de plan gratuito; planes pagados para escalabilidad de producción

Opcional (solo simulador local):

Herramienta ¿Por qué
Xcode (~15 GB, solo macOS) Simulador de iOS en su Mac
Android Studio (~1 GB + SDKs) emulador de Android

Podrás saltarte ambos. El camino principal de esta guía construye en la nube y instala en dispositivos reales sin ellos.

Una Nota Rápida sobre Lovable y Marcadores

Antes de tocar code, conoce que el tipo de aplicación web que genera Lovable afecta el envoltorio móvil.

Hace mucho tiempo, el valor por defecto de Lovable era una aplicación de una sola página (SPA) con React + Vite. A partir de mayo de 2026, las nuevas aplicaciones de Lovable pueden utilizar TanStack con renderizado del lado del servidor (SSR) por defecto. El SSR es excelente para la web, pero Capacitor envuelve un paquete estático un directorio de HTML, CSS y JavaScript con un index.html en su raíz — que se envía dentro de la aplicación en el dispositivo.

Una aplicación de SSR espera a un servidor para renderizar páginas en cada solicitud. No hay servidor dentro de un teléfono, por lo que para Capacitor quieres salida estática, renderizada por el cliente.

¿Qué hacer:

  • Empezar de nuevo: Pide a Lovable una aplicación de una página única (SPA) o omitir SSR para obtener una carpeta estática. dist/ Ya en TanStack Start (SSR):
  • Configúralo para pre-renderizar o generar una SPA estática. El único requisito duro es una carpeta de compilación estática que contenga Proyectos de Lovable Legacy Next.js: index.html.
  • Proyectos de Lovable Legacy Next.js: Usa exportación estática — se envía a out/ en lugar de dist/.

Independientemente del framework que utilices, apunte a Capacitor webDir a ese carpeta. Para una SPA de Vite, esa carpeta es dist.

Paso 1 — Exporte su aplicación amable a GitHub

Lovable mantiene su code en su editor hasta que se conecte GitHub.

  1. Abra su proyecto Lovable en el navegador
  2. Haga clic Actualizar (en la esquina superior derecha) si es necesario, luego abra Git in el menú de la izquierda
  3. Elige GitHub, autoriza Lovable y vincula tu cuenta
  4. Lovable crea un repositorio y envía tu aplicación automáticamente

Conexión de Lovable.dev GitHub

Autenticación de Lovable.dev GitHub

Configuración del repositorio de Lovable.dev

Proyecto de Lovable.dev exportado

Éxito: Visitar github.com/YOUR-USERNAME/your-app muestra su aplicación code.

Paso 2 — Configura el cursor y clona tu proyecto

Antes de poder trabajar con tu code localmente, necesitarás un code editor. Recomendamos Cursor, un editor impulsado por inteligencia artificial que puede ejecutar comandos de terminal para ti

Descargar e Instalar Cursor

  1. Visita cursor.sh y descarga la versión para tu sistema operativo
  2. Instala Cursor siguiendo el asistente de instalación
  3. Una vez instalado, abre Cursor

Inicia Cursor

Configura el cursor para el desarrollo de IA

Para la mejor experiencia, configura el cursor antes de empezar:

  1. Comprar un plan de Cursor — Si bien Cursor ofrece un nivel gratuito, un plan Pro ($20/mes) te da completaciones de IA ilimitadas, acceso a Claude y GPT-4, y ejecución de comandos
  2. Abrir ajustes de Cursor presionando Command+, (Mac) o Ctrl+, (Windows)

Ajustes de Cursor

  1. Habilitar modelos de IA — Asegúrate de que las características de IA estén habilitadas:

Hacer que los modelos estén permitidos

  1. Selecciona tu modelo preferido — Elige Claude o GPT-4 para mejores resultados:

Selecciona modelo de cursor

  1. Permitir ejecución de comandos — Habilita Cursor para ejecutar comandos por ti:

Permitir ejecutar comandos

Copia tu repositorio en Cursor

  1. En Cursor, presiona Shift+Command+P (Mac) o Shift+Ctrl+P (Windows) para abrir la paleta de comandos
  2. Escribe ‘clone’ y selecciona Git: Clonar
  3. Pegue su GitHub URL de repositorio: https://github.com/YOUR-USERNAME/your-lovable-app.git
  4. Elige una carpeta donde deseas guardar el proyecto

Clonar en Cursor

  1. Cursor clonará y abrirá tu proyecto

Abrir en Cursor

Paso 3 — Instalar Dependencias y Ejecutar Localmente

  1. Abra la pestaña de IA de Cursor presionando Command+K (Mac) o Ctrl+K (Windows)
  2. Escriba el siguiente comando:
Install Homebrew, Node.js and npm on my system, then install dependencies and run the dev server

La IA detectará automáticamente su sistema operativo, instalará Node.js y ejecutará npm install, y arranca el servidor de desarrollo con npm run dev.

Instalar Homebrew

Método 2: Instalación manual

Abrir la terminal en Cursor presionando Shift+Command+T (Mac) o Shift+Ctrl+T (Windows), luego:

Para macOS:

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
brew install node
cd your-lovable-app
npm install
npm run dev

Para Windows:

  1. Descargar el instalador de 24 LTS desde nodejs.org
  2. Ejecuta el instalador
  3. Abre la terminal y ejecuta:
cd your-lovable-app
npm install
npm run dev

La aplicación Lovable.dev se ejecuta localmente

Las aplicaciones Lovable suelen ejecutarse en http://localhost:8080 o http://localhost:5173 ¿Qué alternativas tienes para actualizar en vivo con Capacitor?

¿Qué alternativas tienes para actualizar en vivo con Capacitor? Ctrl + C ¿Qué alternativas tienes para actualizar en vivo con Capacitor?

¿Qué alternativas tienes para actualizar en vivo con Capacitor? — usa la dirección que imprime tu terminal.

Pulsa

Capacitor needs a production build before you add native platforms.

React + Vite (las aplicaciones más queridas)

Pulsa Command+K (Mac) o Ctrl+K (Windows) y pregunta:

Configure vite.config for Capacitor mobile deployment with base './' and production build to dist

Metodo 2: Configuración manual

Confirmar vite.config.ts usa una base relativa para que los activos se carguen dentro de la WebView nativa:

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'

export default defineConfig({
  plugins: [react()],
  base: './',
  build: {
    outDir: 'dist',
  },
})

Construye y verifica:

npm run build

Deberías ver un dist/ carpeta con index.html a su raíz.

Éxito de exportación estática de lovable.dev

Proyectos de Lovable Next.js heredados

Si su repositorio utiliza Next.js, pregunte a Cursor:

Add a static export script to package.json and configure next.config.js for mobile export with Capacitor

O sigue Convertir su aplicación Next.js en móvil para obtener la configuración completa, luego utilice next.config en __CAPGO_KEEP_0__ en lugar de webDir: 'out' in Capacitor instead of dist.

Un carpeta de compilación estática existe ( odist/ Convertir su aplicación Next.js en móvil out/para obtener la configuración completa, luego utilice index.html.

Step 5 — Agrega Capacitor y Plataformas Nativas

Capacitor envuelve tu aplicación web en cascos iOS y Android reales — no se necesita reescritura.

Pulsa Command+K (Mac) o Ctrl+K (Windows) y pregunta:

Install Capacitor CLI, initialize it for my app with webDir dist, and add iOS and Android platforms

El AI te pedirá tu nombre de la aplicación y contexto: Página/área: Sitio web de marketing de Capgo. Rol: Etiqueta de IU corta o elemento de navegación. Visto en: página trust.astro. Clave de mensaje `y` (Y). ID de paquete com.yourcompany.myapp).

Capacitor initialization

Metodo 2: Instalación Manual

npm install @capacitor/core @capacitor/cli
npx cap init

Cuando se le solicite:

Prompt Ejemplo Observaciones
Nombre de la aplicación Mi Aplicación Lovable Mostrado debajo del ícono de la aplicación
ID del paquete de la aplicación com.tuempresa.miaapp Estilo de dominio inverso — No se puede cambiar después de publicar la tienda
Directorio de activos web dist Usar out para la exportación estática de Next.js

Elige un ID de paquete que realmente poseas. Los IDs de paquete son únicos a nivel global. Utiliza un ID de dominio inverso basado en un dominio que controlas desde el principio — cambiarlo más tarde significa reemplazar en todos los ios/ y android/ contexto: Página/área: Sitio web de marketing de Capgo. Rol: Etiqueta de IU corta o elemento de navegación. Visto en: página trust.astro. Clave de mensaje `and` (Y).

npm run build
npm install @capacitor/ios @capacitor/android
npx cap add ios
npx cap add android
npx cap sync

Capacitor platforms added

Configure Capacitor

Configurar __CAPGO_KEEP_0__

Update capacitor.config.ts to use dist as webDir and set up for HTTPS

Método 1: Utilizando Cursor AI (Recomendado) out en lugar de.

Metodo 2: Configuración Manual

import type { CapacitorConfig } from '@capacitor/cli';

const config: CapacitorConfig = {
  appId: 'com.yourcompany.myapp',
  appName: 'My Lovable App',
  webDir: 'dist',
  server: {
    androidScheme: 'https',
  },
};

export default config;

Compilar y sincronizar

Diga a Cursor:

Build the production web app and sync it with Capacitor platforms

Metodo 2: Comandos Manuales

npm run build
npx cap sync

Capacitor sincronización completa

Tu proyecto ahora se ve así:

your-lovable-app/
├── android/              ← native Android project
├── ios/                  ← native iOS project
├── dist/                 ← built web app (or out/ for Next.js)
├── src/                  ← your Lovable app code
├── capacitor.config.ts
└── package.json

No se necesita CocoaPods. Capacitor 8 utiliza el administrador de paquetes de Swift para las dependencias de iOS automáticamente.

Éxito: ios/ y android/ carpetas aparecen y la terminal muestra Sync finished.

Paso 6 — Verifique su .gitignore

Capgo El compilador de la constructora se ejecuta desde tu repositorio Git, por lo que ios/ y android/ debe estar comprometido. Un error común es ignorarlos en la raíz del repositorio.

Confirmar:

  • Raíz .gitignore ignora node_modules y dist (la nube reconstruye dist durante las compilaciones web)
  • ios/ y android/ se no ignorados

Éxito: git status muestra ios/ y android/ listos para confirmar (no ignorados).

Paso 7 — Confirmar y Subir

git add .
git commit -m "Add Capacitor and native iOS/Android platforms"
git push

Éxito: Su repositorio GitHub muestra los ios/ y android/ carpetas.

Step 8 — Construye Binarios Listos para Tiendas con Constructor Capgo

No necesitas un Mac ni una pipeline local de Xcode/Android Studio para enviar. Constructor Capgo No necesitas un Mac ni una pipeline local de Xcode/Android Studio para enviar.

Constructor Capgo

npx @capgo/cli@latest login
npx @capgo/cli@latest init
npx @capgo/cli@latest build init --platform ios
npx @capgo/cli@latest build init --platform android

Constructor __CAPGO_KEEP_0__

Generador de Keystore de Android Administración de credenciales y Construye iOS desde Windows.

Solicita una compilación en la nube

npm run build
npx cap sync
npx @capgo/cli@latest build com.yourcompany.myapp --platform ios --build-mode release
npx @capgo/cli@latest build com.yourcompany.myapp --platform android --build-mode release

Los registros de compilación fluyen en tu terminal. Con App Store Connect configurado, las compilaciones de iOS pueden subir automáticamente a TestFlight.

Instalar en un dispositivo real:

  • iOS: TestFlight (recomendado) o una compilación de desarrollo con el UDID de tu dispositivo registrado
  • Android: La pista de pruebas interna de Google Play o un APK/AAB firmado

Éxito: Una compilación firmada se completa y puedes instalarla en un dispositivo real.

Paso 9 — Opcional: Prueba Localmente en Xcode o Android Studio

Si tienes un Mac o deseas pruebas de emulador antes de las compilaciones en la nube:

Para iOS

Open the iOS project in Xcode

Método 2: Comando Manual

npx cap open ios

Abrir proyecto Lovable en Xcode

Configuración de Xcode por primera vez:

  1. Selecciona un simulador desde el menú desplegable de dispositivos (por ejemplo, iPhone 15)
  2. Para dispositivos reales: habilita Administrar automáticamente la firma y selecciona tu equipo de desarrolladores de Apple
  3. Haz clic en el botón ▶️ de reproducción — la primera compilación tarda 5–10 minutos

Lovable app ejecutándose en iOS

Para Android

Open the Android project in Android Studio

Método 2: Comando manual

npx cap open android

Android Studio abriendo proyecto Lovable

Configuración de Android Studio por primera vez:

  1. Instale los paquetes faltantes SDK si se le solicita
  2. Crear un emulador en el Administrador de dispositivos (por ejemplo, Pixel 6, API 33+)
  3. Haga clic en el botón de ejecución verde ▶️ — la primera compilación tarda entre 5 y 15 minutos

Lovable app ejecutándose en Android

Utilice IDE locales para depurar de manera diaria. Utilice Capgo Builder cuando necesitas binarios de lanzamiento firmados.

Éxito: La aplicación se abre en el simulador o emulador mostrando tu contenido Lovable.

Paso 10 — Habilitar Live Reload (Desarrollo)

Acelera la iteración apuntando la caja de comandos nativa a tu servidor de desarrollo local.

Dile a Cursor:

Set up live reload for Capacitor development with my local IP address

Método 2: Configuración Manual

  1. Encuentra tu dirección IP local:
# macOS
ipconfig getifaddr en0

# Windows
ipconfig
  1. Actualizar capacitor.config.ts:
import type { CapacitorConfig } from '@capacitor/cli';

const config: CapacitorConfig = {
  appId: 'com.yourcompany.myapp',
  appName: 'My Lovable App',
  webDir: 'dist',
  server: {
    url: 'http://YOUR_IP_ADDRESS:5173',
    cleartext: true,
  },
};

export default config;

Usar puerto 8080 o 3000 si eso es lo que npm run dev imprime.

  1. Aplicar cambios:
npx cap copy

Recarga en vivo habilitada

Éxito: Ediciones en su web code se recargan en vivo en el dispositivo o simulador.

Paso 11 — Agregar una característica nativa: La cámara

Un Capacitor plugin permite que JavaScript llame a características reales del dispositivo. Agregaremos el plugin de cámara para que los usuarios puedan tomar una foto — algo que una pestaña del navegador no puede hacer de manera fiable.

Diga a Cursor:

Add the Capacitor Camera plugin with iOS and Android permissions and a button to take a photo

Método 2: Instalación manual

npm install @capacitor/camera
npx cap sync

iOS — agregar a ios/App/App/Info.plist dentro del nivel superior <dict>:

<key>NSCameraUsageDescription</key>
<string>This app uses the camera to take photos.</string>

Android — agregar dentro de <manifest> en android/app/src/main/AndroidManifest.xml:

<uses-permission android:name="android.permission.CAMERA" />
import { Camera, CameraResultType } from '@capacitor/camera';

async function takePhoto() {
  const photo = await Camera.getPhoto({
    quality: 90,
    resultType: CameraResultType.Uri,
  });
  return photo.webPath;
}

Características nativas agregadas

Agregar un plugin requiere una compilación nativa fresca a través de Capgo Builder antes de que funcione en dispositivos.

Éxito: Cámara code compila y npx cap sync termina sin errores.

Step 12 — Agrega Capgo Actualizaciones en Vivo

Todas las modificaciones nativas normalmente pasan por la revisión de la tienda de aplicaciones. Capgo Actualizaciones en Vivo Contexto: Página/área: Página de producto de actualizaciones en vivo. Rol: Etiqueta de UI corta o elemento de navegación. Visto en: página live-update.astro. Preservar términos de producto/marca y de desarrollador de Capgo exactamente. Clave de mensaje `live_update_hero_badge` (Badges de héroe de actualización en vivo).

enviar cambios a la capa web de tu aplicación (HTML, CSS, JS, imágenes) por aire en minutos. Instalar el actualizador en tu primera versión

npm install @capgo/capacitor-updater
npx cap sync

para que nunca te quedes esperando a la revisión cuando necesitas enviar una corrección. capacitor.config.ts:

import type { CapacitorConfig } from '@capacitor/cli';

const config: CapacitorConfig = {
  appId: 'com.yourcompany.myapp',
  appName: 'My Lovable App',
  webDir: 'dist',
  plugins: {
    CapacitorUpdater: {
      autoUpdate: true,
    },
  },
};

export default config;

Agregar a src/main.tsx):

import { CapacitorUpdater } from '@capgo/capacitor-updater';

void CapacitorUpdater.notifyAppReady();

Commit, push, and run a new Capgo Builder build so the updater SDK is in the native shell.

Cometer, enviar y ejecutar una nueva construcción de __CAPGO_KEEP_0__ Constructor para que el actualizador __CAPGO_KEEP_1__ esté en la caja de la shell nativa.

npm run build
npx @capgo/cli@latest bundle upload --channel production

Cargar paquetes web después del lanzamiento: Ver más de esto en el centro de ayuda de Capgo Live Updates.

To automatizar esta carga cada vez que alguien haga clic Publishar Publishar Automate Capgo Live Updates from Lovable with GitHub Actions.

Automatizar __CAPGO_KEEP_0__ Actualizaciones en vivo desde Lovable con __CAPGO_KEEP_1__ Acciones Éxito: notifyAppReady() El plugin de actualizador está instalado y

se ejecuta al iniciar.

Paso 13 — Corregir el espacio de la barra de estado con una actualización en vivo En un iPhone real, su encabezado puede estar the status bar (clock and battery). Modern Capacitor draws edge-to-edge, so your app must respect de la barra de estado (reloj y batería). Los modernos __CAPGO_KEEP_0__ dibujan de borde a borde, por lo que su aplicación debe respetar los recuadros de área segura: env(safe-area-inset-top), -bottom, -left, -right.

Muchas aplicaciones Lovable ya manejan el inset inferior pero utilizan un relleno de padding superior fijo (como pt-6) sin el inset superior.

1. Confirmar viewport-fit=cover en index.html:

<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />

2. Corregir encabezados superiores — utilice max() para mantener el relleno web y crecer en dispositivos con notches:

/* Before */
padding-top: 1.5rem;

/* After */
padding-top: max(1.5rem, env(safe-area-inset-top));

In Cursor o Lovable, pregunte:

“El contenido de la aplicación se ejecuta debajo de la barra de estado en la parte superior del móvil. Agregue env(safe-area-inset-top) a la padding superior de cada encabezado de página utilizando max(), manteniendo el relleno existente como mínimo.”

3. Envíe la corrección a través de la red – esto es CSS puro, sin necesidad de reconstruir nativamente:

git add .
git commit -m "Fix top safe area on mobile"
git push
npm run build
npx @capgo/cli@latest bundle upload --channel production

Force-cierre la aplicación en su dispositivo, vuelva a abrirla, espere unos 15-30 segundos y abra de nuevo. El encabezado debería estar debajo de la barra de estado — solucionado sin revisión de la tienda.

Éxito: El contenido superior elimina la barra de estado después de aplicar el paquete de actualización OTA.

Para un trabajo de diseño más profundo, consulte @capgo/tailwind-capacitor y Capacitor edge-to-edge display.

__CAPGO_KEEP_0__ pantalla de borde a borde

Paso 14 — Preparación de su lista de tienda

  • Su aplicación está construida, instalable y puede enviar actualizaciones instantáneas. Ir a vivo en las tiendas públicas es principalmente papeleo: Icono de la aplicación
  • Pantallas de captura — Pantallas de captura de iPhone 6.9“ (1320×2868px)
  • Nombre de la aplicación, subtítulo, descripción, palabras clave
  • URL de la política de privacidad — Requerido por ambas tiendas, incluso para aplicaciones gratuitas
  • Clasificación de edad context: Página/área: Página de soluciones de aplicación. Rol: Etiqueta de IU corta o elemento de navegación. Visto en: componente soluciones/SolutionAppExample.astro. Clave de mensaje `solution_app_examples_rating` (Clasificación de aplicaciones de ejemplo de solución).
  • — cuestionario en cada consola Discursos de recopilación de datos
Set up app icons and splash screens for my Capacitor app

Método 1: Utilizando Cursor AI (Recomendado)

npm install -D @capacitor/assets
# Add assets/icon.png (1024x1024) and assets/splash.png (2732x2732)
npx capacitor-assets generate
npx cap sync

Método 2: Configuración manual por defecto de la aplicación generada

What’s left before “live”:

  1. Pruebas cerradas en Google Play (cuentas personales creadas después del 13 de noviembre de 2023): al menos 12 probadores durante 14 días consecutivos antes de tener acceso a la producción. iOS no tiene equivalente.
  2. Enviar para revisión — Apple ~3–5 días, Google ~3–7 días después de que se cumplan los requisitos de prueba.

Consulte nuestro guía de revisión de aplicaciones para principiantes para obtener la lista completa.

Errores comunes (y cómo solucionarlos)

  • Could not find the web assets directory: ./dist — Ejecutar npm run build antes npx cap add contexto: Fragmento de texto HTML de una cadena de Capgo UI más larga (clave de padre `create_an_issue_and_discuss_before_working_on_a_new_feature`). Página/área: Sitio web de marketing de Capgo. Rol: Párrafo de marketing o legal largo. Visto en: página contributing.astro. Clave de mensaje `create_an_issue_and_discuss_before_working_on_a_new_feature` (Crear un problema y discutir antes de trabajar en una nueva característica). | Fragmento de texto HTML de una cadena de Capgo UI más larga (clave de padre `mention_issue_before_working`). Página/área: Sitio web de marketing de Capgo. Rol: Oración de sitio web. Visto en: página contributing.astro. Clave de mensaje `mention_issue_before_working` (Mencionar el problema antes de trabajar). npx cap sync. Asegúrese de que webDir en capacitor.config.ts coincida con el formato de salida de su framework (dist para Vite, out para Next.js exportación estática).
  • “Este ID de la aplicación … no está disponible” — Los IDs de paquete son únicos a nivel mundial. Elija un ID de dominio inverso que controle.
  • La compilación de iOS falla después de cambiar el ID de paquete — El ID en su proyecto nativo debe coincidir con Apple App Store Connect. Busque y reemplaza en ios/ y android/comite, reconstruya.
  • Pantalla blanca al iniciar — Establecer base: './' en la configuración de Vite, reconstruir y ejecutar npx cap sync.
  • Contenido bajo la barra de estado — Agregar viewport-fit=cover y env(safe-area-inset-top) espaciado (Paso 13)
  • APK firmada en modo depuración — Google Play rechaza ediciones de depuración. Utilice una edición de lanzamiento firmada con su keystore.
  • Rechazo de despliegue — versión ya existe — Incrementar la versión/número de compilación en proyectos nativos y reconstruir.

Para Capgo problemas con el constructor, consulte Solución de problemas de compilación nativa y Actualizaciones en vivo de depuración.

Conclusión

Has llevado una aplicación web amable a iOS y Android nativos — construida en la nube sin un Mac, con una cámara real y una corrección de diseño enviada por aire. Eso es la parte difícil hecha.

Pasos siguientes

Regístrate en una cuenta gratuita de Capgo para habilitar Actualizaciones en vivo y compilaciones nativas en la nube.

Recursos

Sigue adelante desde Convertir tu aplicación Lovable a iOS y Android con Capacitor

Si estás utilizando Convirta su aplicación querida a iOS y Android con Capacitor planificar el trabajo de plugin nativo, conectarlo con Directorio de Plugins Capgo para el flujo de trabajo del producto en el directorio de plugins Capgo Capacitor Plugins by Capgo Para los detalles de implementación en Capacitor Plugins por Capgo. Capgo Native Builds para el flujo de trabajo del producto en compilaciones nativas Capgo Construye iOS desde Windows para construir iOS en la nube sin necesidad de un Mac.

Sigue adelante desde Convertir tu aplicación amable en iOS y Android con Capacitor

Actualizaciones en vivo para aplicaciones Capgo

context: Página/área: Sitio web de marketing de Capgo. Rol: Oración de copia de sitio web. Visto en: componente GetStarted.astro. Preservar términos de producto/marca y términos de desarrollador exactamente. Mensaje clave `instant_updates_for_capacitor_apps` (Actualizaciones Instantáneas para Aplicaciones de Capacitor).

Comienza Ahora

Últimas noticias de nuestro Blog

Capgo te da las mejores herramientas para crear una aplicación móvil profesional de verdad.