Saltar al contenido principal
Guía tutorial

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.

Créditos del artículo

Martin Donadieu

Escritor

Valeria

Revisor

Jordan

Editor

Convert Your Lovable App to iOS and Android with Capacitor

Introducción

Amable es una aplicación de construcción de IA que convierte las sugerencias 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 Amable, envolver la aplicación web con Capacitorconstruye binarios firmados de iOS y Android en la nube con Capgo Builder (no se requiere Mac), agrega una característica nativa real y envía una corrección de diseño por aire con Capgo Live Updates.

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

Tiempo requerido: Alrededor de 1–2 horas la primera vez, principalmente configuración de cuenta y espera a que se realicen los builds en la nube.

Al final, tendrás:

  • Una aplicación nativa de iOS y Android construida desde la nube — sin Xcode o Android Studio en el camino principal
  • La aplicación funcionando en un dispositivo real (TestFlight, instalación directa o Play pruebas internas)
  • 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 computador Mac, Windows o Linux — los builds en la nube funcionan desde cualquier sistema operativo
A code editor Puntero (recomendado) o VS Code
Node.js 24 LTS (última — descargar desde nodejs.org)
Git Para clonar tu repositorio de Lovable desde GitHub
Capgo cuenta Registro gratuito — construcción en la nube y actualizaciones en vivo

Gastos (solo para publicar públicamente):

Item Costo
Apple Developer Program 99€/año
Google Play Console 25€ una vez
Cursor Pro 20€/mes (opcional pero recomendado para la ejecución de comandos de IA)
Capgo Disponible en versión gratuita; 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

Puede saltarse ambos. El camino principal en esta guía construye en la nube y instala en dispositivos reales sin ellos.

Nota rápida sobre Lovable y frameworks

Antes de tocar code, tenga en cuenta que el tipo de aplicación web que genera Lovable afecta la envoltura móvil.

Por mucho tiempo, el default de Lovable era una aplicación de una página única (SPA) con React + Vite. A partir de mayo de 2026, las nuevas aplicaciones de Lovable pueden utilizar Comience con TanStack con renderizado del lado del servidor (SSR) por defecto. SSR es excelente para la web, pero Capacitor envuelve una construcción estática — una carpeta 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 SSR espera que un servidor renderice 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:

  • Comenzando desde cero: Pida a Lovable una aplicación de una sola página (SPA) o omitir SSR para obtener una construcción estática dist/ carpeta.
  • Ya estás en TanStack Start (SSR): Configúralo para pre-renderizar o generar un SPA estático. El único requisito es una carpeta de construcción estática que contenga index.html.
  • Proyectos de Next.js Legacy Lovable: Usa exportación estática — la salida va a out/ en lugar de dist/.

Independientemente del framework que uses, apunta Capacitor a esa carpeta. Para un SPA Vite, esa carpeta es webDir Paso 1 — Exporta tu aplicación Lovable a __CAPGO_KEEP_0__ dist.

Lovable mantiene tu GitHub en su editor hasta que conectes __CAPGO_KEEP_1__

Lovable keeps your code in its editor until you connect GitHub.

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

Conexión de Lovable.dev GitHub

Autorizació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 tu aplicación code.

Paso 2 — Configura Cursor y clona tu proyecto

Antes de que podamos 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 descargue la versión para su sistema operativo
  2. Instale Cursor siguiendo el asistente de instalación
  3. Una vez instalado, abra Cursor

Inicie Cursor

Configure Cursor para el desarrollo de inteligencia artificial

Para una mejor experiencia, configure Cursor antes de empezar:

  1. Compre un plan de Cursor — Si bien Cursor ofrece un nivel gratuito, un plan Pro ($20/mes) le da acceso ilimitado a completaciones de AI, acceso a Claude y GPT-4, y ejecución de comandos
  2. Abra Configuración de Cursor presionando Command+, (Mac) o Ctrl+, (Windows)

Ajustes del 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. Seleccionar tu modelo preferido — Elige Claude o GPT-4 para mejores resultados:

Seleccionar modelo de cursor

  1. Hacer que los modelos estén permitidos — Habilita el cursor para ejecutar comandos para ti:

Hacer que se ejecuten comandos

Copia tu repositorio en Cursor

  1. En Cursor, presiona Shift+Command+P (Mac) o Shift+Ctrl+P abrir el cuadro de comando
  2. Escribir ‘clone’ y seleccionar Git: Clonar
  3. Pegar la URL de tu repositorio GitHub: https://github.com/YOUR-USERNAME/your-lovable-app.git
  4. Elegir 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. Abrir la pestaña de AI de Cursor pulsando Command+K (Mac) o Ctrl+K (Windows)
  2. Escriba la siguiente orden:
Install Homebrew, Node.js and npm on my system, then install dependencies and run the dev server

El AI detectará automáticamente su sistema operativo, instalará Node.js, ejecutará npm install, y arrancará el servidor de desarrollo con npm run dev.

Instale Homebrew

Método 2: Instalación manual

Abra 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. Descargue el 24 LTS instalador desde nodejs.org
  2. Ejecute el instalador
  3. Abra la terminal y ejecute:
cd your-lovable-app
npm install
npm run dev

La aplicación Lovable.dev en ejecución localmente

Las aplicaciones Lovable suelen ejecutarse en http://localhost:8080 o http://localhost:5173 — utilice la dirección que imprima su terminal.

Pulsa Ctrl + C para detener el servidor de desarrollo cuando esté listo para continuar.

Éxito: Su aplicación se abre en el navegador con su interfaz de usuario funcionando.

Paso 4 — Preparar la compilación de producción estática

Capacitor necesita una compilación de producción antes de agregar plataformas nativas.

React + Vite (la mayoría de las aplicaciones Lovable)

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

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

Método 2: Configuración manual

Confirmar vite.config.ts usa una base relativa para que los activos se carguen dentro del WebView nativo:

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

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

Éxito en la exportación estática de Lovable.dev

Proyectos de Lovable Next.js legados

Si tu repositorio utiliza Next.js, pregunta a Cursor:

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

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

Éxito: Un carpeta de compilación estática existe (dist/ o out/Step 5 — Agregue __CAPGO_KEEP_0__ y Plataformas Nativas index.html.

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

Capacitor wraps your web app in real iOS and Android shells — no rewrite needed.

(Mac) o Command+K (Windows) y pregunta: Ctrl+K El AI preguntará por el nombre de tu

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

aplicación Alternativas para la comparación de actualizaciones en vivo de Capacitor. Página/área: página de comparación de alternativas de Capacitor. Rol: párrafo de marketing o legal largo. Visto en: página alternatives.astro. Preservar términos de producto y marca de Capgo exactamente. Clave de mensaje `alternatives_cta_questions` (Preguntas de CTA de Alternativas). | Fragmento de texto HTML de una cadena de UI de Capgo más larga (clave de padre `appflow_cta_questions`). Página/área: copia de marketing de comparación/migración de Appflow. Rol: párrafo de marketing o legal largo. Visto en: página ionic-appflow.astro. Preservar términos de producto y marca de Capgo exactamente. Clave de mensaje `appflow_cta_questions` (Preguntas de CTA de Appflow). | Fragmento de texto HTML de una cadena de UI de Capgo más larga (clave de padre `capwesome_cta_questions`). Página/área: página de comparación de Capawesome. Rol: párrafo de marketing o legal largo. Visto en: página capwesome.astro. Preservar términos de producto y marca de Capgo exactamente. Clave de mensaje `capwesome_cta_questions` (Preguntas de CTA de Capwesome). | Página/área: página de servicios de consultoría. Rol: subtítulo de sección o etiqueta. Visto en: página consulting.astro. Preservar términos de producto y marca de Capgo exactamente. Clave de mensaje `consulting_faq_subtitle` (Subtítulo de Preguntas Frecuentes de Consultoría). | Página/área: copia de marketing de comparación/migración de Appflow. Rol: etiqueta de UI corta o elemento de navegación. Visto en: página ionic-appflow.astro, página ionic-enterprise-plugins.astro, página soluciones/ionic-enterprise-plugins.astro. Clave de mensaje `appflow_plugins_or` (Appflow Plugins o). y ID de paquete (por ejemplo com.yourcompany.myapp).

Capacitor de inicialización

Método 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 querida Mostrado debajo del icono de la aplicación
ID de 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 encontrar y reemplazar en ios/ y android/ y reconstruir.

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

Capacitor plataformas agregadas

Configura Capacitor

Pregúntale a Cursor:

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

Para la exportación estática de Next.js, pregúntale que utilice out en su lugar.

Método 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;

Compila y Sincroniza

Dile a Cursor:

Build the production web app and sync it with Capacitor platforms

Método 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 necesitas CocoaPods. Capacitor 8 utiliza el administrador de paquetes Swift para las dependencias de iOS de manera automática.

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

Paso 6 — Verifique su .gitignore

Capgo El compilador del constructor compila 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 se reconstruye dist durante las compilaciones web)
  • ios/ y android/ no son ignorados

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

Step 7 — Comite y Envía

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 Capgo Builder

No necesita un Mac ni una pipeline local de Xcode/Android Studio para enviar. Capgo Builder Usted no necesita una Mac ni una pipeline local de Xcode/Android Studio para enviar.

Capgo Builder

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

Compila, firma y puede enviar builds de iOS y Android desde la nube.

Ver Gestionar credenciales y Construye iOS desde Windows.

Solicita una construcció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 construcción se muestran en tu terminal. Con App Store Connect configurado, las construcciones de iOS pueden subir a TestFlight automáticamente.

Instala en un dispositivo real:

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

Éxito: Un build firmado se completa y puedes instalarlo en un dispositivo real.

Paso 9 — Opcional: Prueba local 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

Xcode abriendo el proyecto Lovable

Configuración de Xcode por primera vez:

  1. Selecciona un simulador desde el menú desplegable de dispositivos (por ejemplo, iPhone 15)
  2. For dispositivos reales: habilite Administre automáticamente la firma y seleccione su equipo de desarrolladores de Apple
  3. Haga clic en el botón ▶️ Play — el primer build toma 5–10 minutos

La aplicación amable ejecutándose en iOS

Para Android

Open the Android project in Android Studio

Método 2: Comando manual

npx cap open android

Estudio de Android abriendo proyecto Lovable

Configuración de Android Studio por primera vez:

  1. Instale los paquetes faltantes SDK si se le solicita
  2. Cree un emulador en el Administrador de dispositivos (por ejemplo, Pixel 6, API 33+)
  3. Click the green ▶️ Run button — first build takes 5–15 minutes

La aplicación amable en ejecución en Android

Use IDEs locales para depurar de manera diaria. Use Capgo Constructor cuando necesites binarios de lanzamiento firmados

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

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. Encuentre su 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 ¿O bien, si eso es lo que npm run dev imprime.

  1. Aplicar cambios:
npx cap copy

Recarga en vivo habilitada

Éxito: Los cambios 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 de dispositivos reales. Agregaremos el plugin de cámara para que los usuarios puedan tomar una foto — algo que una pestaña de 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 <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.

Paso 12 — Agregar Capgo Actualizaciones en vivo

Cada cambio nativo normalmente pasa por la revisión de la tienda de aplicaciones. Capgo Actualizaciones en vivo Envía cambios a la capa web de tu aplicación (HTML, CSS, JS, imágenes) en minutos.

Instala el actualizador en tu primera versión para que nunca te quedes esperando a la revisión cuando necesitas enviar una corrección.

npm install @capgo/capacitor-updater
npx cap sync

Agregar a 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;

Inicializa en tu entrada de aplicación (por ejemplo, src/main.tsx):

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

void CapacitorUpdater.notifyAppReady();

Haz un commit, envía y ejecuta un nuevo Capgo Builder para que el actualizador SDK esté en la consola nativa.

Subir paquetes web después del lanzamiento:

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

Ver Capgo Documentación de actualizaciones en vivo.

Para automatizar esta subida cada vez que alguien haga clic en Publish en Lovable, sigue Automatizar Capgo Actualizaciones en vivo desde Lovable con GitHub Acciones.

Éxito: El plugin de actualizador está instalado y notifyAppReady() se ejecuta al iniciar.

Paso 13 — Corregir el espacio de la barra de estado con una actualización en vivo

On un iPhone real, tu cabecera puede estar debajo the status bar (clock and battery). Modern Capacitor draws edge-to-edge, so your app must respect la barra de estado (reloj y batería). Moderno __CAPGO_KEEP_0__ dibuja de borde a borde, por lo que tu aplicación debe respetar: env(safe-area-inset-top), -bottom, -left, -right.

los ajustes de área segura pt-6Muchas aplicaciones Lovable ya manejan el ajuste de fondo pero utilizan un relleno de arriba fijo (como

) sin el ajuste de arriba. viewport-fit=cover 1. Confirmar index.html:

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

en 2. Corregir encabezados de arriba max() — usar

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

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

para mantener el relleno web y crecer en dispositivos con notches: «¿Preguntar a Cursor o Lovable:»

“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 altura de la parte superior de cada encabezado de página utilizando max()manteniendo la altura existente como mínimo.”

3. Envíe la corrección a través de la red — esto es pura CSS, no se necesita una reconstrucción nativa:

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

Cierre la aplicación en su dispositivo, abrírala de nuevo, espere unos 15-30 segundos y abrírala de nuevo. El encabezado debería estar debajo de la barra de estado — corregido sin revisión de la tienda.

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

Para trabajos de diseño más profundos, consulte @capgo/tailwind-capacitor __CAPGO_KEEP_0__ pantalla de borde a borde Capacitor edge-to-edge display.

Step 14 — Prepara tu lista de tienda

Tu aplicación está construida, instalable y puedes enviar actualizaciones instantáneas. Ir en vivo a las tiendas públicas es principalmente papeleo:

  • Icono de la aplicación — 1024×1024px para iOS (sin transparencia), 512×512px para Google Play
  • Capturas de pantalla — Apple requiere capturas de pantalla de iPhone 6.9” (1320×2868px)
  • Nombre de la aplicación, subtítulo, descripción, palabras clave
  • URL de la política de privacidad — requerida por ambas tiendas, incluso para aplicaciones gratuitas
  • Clasificación de edad context: Página/área: Página de soluciones de la aplicación. Rol: Etiqueta de IU corta o elemento de navegación. Visto en: componente soluciones/SoluciónAppExample.astro. Clave de mensaje `solution_app_examples_rating` (Clasificación de aplicaciones de soluciones).
  • Declaraciones de recolección de datos — Etiquetas de privacidad de Apple y Nutrición de datos de Google
Set up app icons and splash screens for my Capacitor app

Método 2: Configuración manual

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

Activos de la aplicación generados

¿Qué queda antes de 'vivo':

  1. Pruebas cerradas de Google Play Cuentas personales creadas después del 13 de noviembre de 2023: al menos 12 probadores durante 14 días consecutivos antes del acceso a la producción. iOS no tiene equivalente.
  2. Presentar 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 de verificaciones.

Errores comunes (y cómo solucionarlos)

  • Could not find the web assets directory: ./dist — Correr npm run build antes de npx cap add o npx cap synco webDir o capacitor.config.ts odist o out o
  • o o
  • o — El ID en tu proyecto nativo debe coincidir con Apple App Store Connect. Busca y reemplaza en ios/ y android/, commit, rebuild.
  • Pantalla en blanco al iniciar — Establecer base: './' en la configuración de Vite, rebuild, y ejecutar npx cap sync.
  • Contenido debajo de la barra de estado — Agregar viewport-fit=cover y env(safe-area-inset-top) espaciado (Paso 13).
  • APK firmada en modo de depuración — Google Play rechaza ediciones de depuración. Utiliza una edición de lanzamiento firmada con tu keystore.
  • Rechazo de despliegue — versión ya existe — Incrementa la versión/número de compilación en proyectos nativos y reconstruye.

Para Capgo problemas del constructor, vea Solución de problemas de compilación nativa y Depuración de actualizaciones en vivo.

Conclusión

Has llevado una aplicación web amable a iOS y Android nativos — construida en la nube sin un Mac, con una característica de 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 querida a iOS y Android con Capacitor

Si estás utilizando Convertir tu aplicación querida a iOS y Android con Capacitor para planificar el trabajo de plugin nativo, conecta con Capgo Directorio de Plugins para el flujo de trabajo del producto en Capgo Directorio de Plugins Capacitor Plugins por Capgo para los detalles de implementación en Capacitor Plugins por Capgo Capgo Compilaciones Nativas para el flujo de trabajo del producto en Capgo Nativas Builds, y Construir iOS desde Windows para las compilaciones de iOS en la nube sin un Mac.

Actualizaciones en vivo para aplicaciones Capacitor

Cuando un error de capa web está vivo, envía la corrección a través de Capgo en lugar de esperar días para la aprobación de la tienda de aplicaciones. Los usuarios obtienen la actualización en segundo plano mientras los cambios nativos siguen en el camino de revisión normal.

soporte humano de Martin

Inicia ahora

Últimas noticias de nuestro Blog

Capgo te da las mejores perspectivas que necesitas para crear una aplicación móvil verdaderamente profesional.