Saltar al contenido principal

Para equipos con una aplicación web

Convierta su aplicación web en aplicaciones iOS y Android

Envuelva su construcción web existente con Capacitor, construya binarios firmados con Capgo Build, y publique en la Tienda de App y Google Play. Después del lanzamiento, envíe cambios web como actualizaciones en vivo. Su web code permanece como la fuente.

para web, iOS y Android
Un código base
construcción nativa típica
2–3 min
para cambios en la web después del 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 aplicación web

React, Vue, Angular, Svelte o cualquier pila que se construye en archivos estáticos

Almacena aplicaciones que sigues actualizando

Proyectos nativos de iOS y Android, construidos en la nube, actualizados por aire

El Problema

Tu equipo envía la web todos los días. El móvil agrega nuevo trabajo

Un sitio web sensible no es una aplicación de tienda

Presencia en tiendas, notificaciones push y APIs de dispositivo requieren una caja de aplicación nativa alrededor de su web code.

Herramientas nativas son nuevas para un equipo web

Xcode, Android Studio, certificados de firma, almacenes de claves y registros de tienda son tareas que su equipo no ha realizado antes.

Dos velocidades de lanzamiento

Su aplicación web se envía cada vez que se fusiona. Una aplicación de tienda espera revisión en cada cambio, a menudo 24–48 horas, a veces mucho más.

Antes de empezar

¿Qué verificar en tu aplicación web primero

La mayoría de las aplicaciones web funcionan dentro de Capacitor con pocas modificaciones. Estos tres controles capturan los problemas comunes temprano.

Un archivo de salida estático

Capacitor carga tus archivos compilados desde una carpeta (webDir). Vite, Angular y Vue producen eso por defecto. Next.js necesita una exportación estática.

Next.js con Capacitor

Rutas y redirecciones de inicio de sesión

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

Guía de aplicación web a Capacitor

Características de dispositivos que necesitas

Mencione lo que requiere un plugin nativo: notificaciones push, cámara, archivos, biometría o compras en la aplicación.

Plugins de Capacitor

La Solución

¿Qué Capacitor y Capgo manejan

Capacitor da a tu aplicación web una caja nativa. Capgo la construye, la envía a las tiendas y la mantiene actualizada.

Capacitor envuelve tu construcción web

Capacitor coloca tu aplicación web construida en proyectos nativos de iOS y Android. Los plugins dan a tu JavaScript acceso a características del dispositivo.

Plugins de Capacitor

Capgo Build compila y firma

Solicite compilaciones y firmas de iOS y Android desde el CLI. Las compilaciones de iOS se ejecutan en Macs en la nube, por lo que nadie en el equipo necesita uno. Una compilación típica tarda entre 2 y 3 minutos.

Capgo Build docs

Cargar a las tiendas

Los builds firmados se suben a App Store Connect y Google Play. La primera versión y cada cambio nativo aún pasan por revisión de la tienda.

Capgo Documentación de construcción

Actualizaciones en vivo después del lanzamiento

Envíe cambios en JavaScript, HTML, CSS y activos a aplicaciones instaladas sin una nueva versión de la tienda. Pruebe en un canal de pruebas primero.

__CAPGO_KEEP_0__ Documentación de canales

¿Cómo funciona?

How web teams ship mobile apps with Capgo

Desde una aplicación web existente hasta construcciones de tienda y actualizaciones en vivo. Los comandos Capacitor provienen de Capacitor CLI, los comandos Capgo provienen de Capgo CLI documentación.

  1. Agregar Capacitor a su aplicación web

    Instale Capacitor, establezca el nombre de la aplicación, el ID de paquete y la carpeta de salida de construcción, luego agregue 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 aplicación web a Capacitor
  2. Conecte la aplicación a Capgo

    La onboarding agrega tu aplicación a Capgo, crea un canal de producción, instala el plugin de actualizador y te guía a través de una primera actualización de prueba.

    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.

    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
    Capgo Documentación de construcción
  4. Envía cambios web como actualizaciones en vivo

    Después de que los usuarios instalen la aplicación de tienda, suban cada nueva compilación web a un canal. Los cambios nativos todavía requieren una nueva compilación de tienda.

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

Opcional: agente de codificación AI

Dale a tu agente de codificación una breve de lanzamiento móvil

Si utilizas un agente de codificación AI, pega este informe. Inspecciona la aplicación y escribe un archivo de transferencia con la configuración, las necesidades de plugins y las tareas abiertas antes de que nadie ejecute herramientas de código nativo.

Informe de lanzamiento móvil AI

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.

Aplicaciones construidas con Capacitor

Productos web que también envían aplicaciones de tienda

Productos que ya viven en la web pueden empaquetar el mismo code con Capacitor, publicar en la Tienda de App y Google Play, y mantener enviando mejoras de capa web como actualizaciones en vivo.

Icono de la aplicación Poll Everywhere BUSINESS

Poll Everywhere

Producto de encuesta de audiencia utilizado tanto en la web como en los teléfonos, donde los presentadores y los participantes esperan los mismos flujos.

Instalaciones de Google Play
1.1M
Calificación de la tienda
3.2
Freelancer: Hire & Find Jobs app icon BUSINESS

Freelancer: Contrata y encuentra trabajos

Mercado con un gran producto web donde la contratación, el mensaje y las pantallas de cuenta también se envían en una aplicación de tienda.

Instalaciones de Google Play
8,9M
Calificación de la tienda
4.1
Icono de la aplicación TV SPIELFILM - TV-Programm ENTERTAINMENT

TV programa de cine y televisión

Servicio de listados de TV con un sitio web ocupado y una aplicación de tienda que muestra la misma guía y contenido editorial.

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

Evidencia de clientes

¿Qué equipos que utilizan Capgo dicen sobre él?

5.0/5 Valorado por equipos de desarrolladores 9,400+ Equipos Leer reseñas

sikafanka

Diseño, radio 5

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

Kapil

Fundador, NuTriQ

Ser capaz de enviar actualizaciones de producción OTA de inmediato sin tener que esperar a los ciclos de revisión completa 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

¿Qué preguntas hacen los equipos web?

Respuestas breves para equipos que llevan una aplicación web existente a la Tienda de App y Google Play.

¿Tienen que reescribir nuestra aplicación web?

No. Capacitor ejecuta su construcción web existente dentro de proyectos nativos de iOS y Android. Agregue plugins donde necesite características de dispositivo y mantenga un código base para web y móvil.

Guía de Capacitor para aplicaciones web

¿Funciona con Next.js?

Sí, con una exportación estática. Capacitor carga archivos desde la carpeta de salida de su build, así que establezca output: 'export' y apunte a la carpeta exportada. Vite, Angular y Vue producen salida estática por defecto.

Next.js con Capacitor

¿Necesitamos un Mac para la construcción de iOS?

No. Capgo Build ejecuta construcciones de iOS en máquinas Mac en la nube y sube la construcción firmada a App Store Connect. Todavía necesita una cuenta de desarrollador de Apple.

Capgo Build docs

¿Qué podemos cambiar sin una liberación de tienda?

JavaScript, HTML, CSS y activos pueden enviar como actualizaciones en vivo. Agregar un plugin, cambiar permisos o actualizar Capacitor requiere una nueva construcción de tienda.

Live update o construcción nativa?

¿Pueden actualizaciones móviles enviar desde nuestro CI existente?

Sí. Ejecuta el subir paquete después de tu compilación web en GitHub Acciones, GitLab CI o cualquier pipeline, y solicita compilaciones nativas desde el mismo pipeline cuando cambien los nativos code.

Integración CI/CD

Coloca tu aplicación web en las tiendas

Inicia la prueba gratuita de 14 días, envuelve tu aplicación con Capacitor, y solicita tus primeras compilaciones de iOS y Android desde el CLI.