Saltarse 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
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

Su aplicación web

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

Almacena aplicaciones que sigues actualizando

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

El Problema

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

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

Presencia en tiendas, notificaciones push y APIs de dispositivo necesitan una caja de aplicación nativa alrededor de tu 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

Tu aplicación web se envía siempre que fusionas. 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 de compilación estática

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

Características del dispositivo que necesitas

Enumera qué necesita un plugin nativo: notificaciones push, cámara, archivos, biométricas o compras en la aplicación.

Capacitor plugins

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 JavaScript acceso a características del dispositivo.

Capacitor plugins

Compila y firma Capgo

Pida compilaciones 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 Documentación de construcción

Subir 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.

Channels docs

¿Cómo funciona?

How web teams ship mobile apps with Capgo

From an existing web app to store builds and live updates. Capacitor commands come from the Capacitor CLI, Capgo commands from the Capgo CLI docs.

  1. Agregue 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 compilación, y 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 Capacitor para aplicaciones web
  2. Conecte la aplicación a Capgo

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

    npx @capgo/cli@latest init
    CLI Guía de onboarding
  3. Construya 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 compilación
  4. Envíe cambios web como actualizaciones en vivo

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

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

Agente de codificación opcional: IA

Give your coding agent a mobile-release brief

Si utiliza un agente de codificación IA, pegue este resumen. Inspecciona la aplicación y escribe un archivo de transferencia con la configuración, necesidades de plugin y tareas abiertas antes de que alguien ejecute herramientas de código nativo.

Resumen de lanzamiento móvil de 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.

Aplicaciones construidas con Capacitor

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

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

Icono de la aplicación Poll Everywhere NEGOCIO

Poll Everywhere

Un producto de encuestas de audiencia utilizado en la web y 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
Icono de Freelancer: Contrata y encuentra trabajos NEGOCIO

Freelancer: Contrata y encuentra trabajos

Tienda de aplicaciones con un producto web grande donde también se envían pantallas de contratación, mensajería y cuenta 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-Programa ENTERTAINMENT

TV ESPAÑOL - TV-PROGRAMA

Servicio de programación 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

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

sikafanka

Diseño, radio 5

“Capgo Build nos ayudó a simplificar nuestro proceso de lanzamiento de la aplicación Capacitor. Podemos crear 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 equipos web

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

¿Tiene que reescribir nuestra aplicación web?

No. Capacitor runs your existing web build inside native iOS and Android projects. You add plugins where you need device features and keep one codebase for web and mobile.

Web app to Capacitor guide

¿Funciona con Next.js?

Yes, with a static export. Capacitor loads files from your build output folder, so set output: 'export' and point webDir at the exported folder. Vite, Angular, and Vue produce static output by default.

Next.js con Capacitor

¿Necesitamos un Mac para el build de iOS?

No. Capgo Build runs iOS builds on cloud Mac machines and uploads the signed build to App Store Connect. You still need an Apple Developer account.

Capgo Build docs

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

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

Live update o construcción nativa?

¿Pueden actualizaciones móviles partir de nuestra CI existente?

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

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 construcciones de iOS y Android del CLI.