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.
Para equipos con una aplicación web
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.
Prueba gratuita de 14 días ilimitada. No se requiere tarjeta de crédito
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
Presencia en tiendas, notificaciones push y APIs de dispositivo necesitan una caja de aplicación nativa alrededor de tu web code.
Xcode, Android Studio, certificados de firma, almacenes de claves y registros de tienda son tareas que su equipo no ha realizado antes.
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
La mayoría de las aplicaciones web funcionan dentro de Capacitor con pocas modificaciones. Estos tres controles capturan los problemas comunes temprano
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 CapacitorVerifica 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 móvil de CapacitorEnumera qué necesita un plugin nativo: notificaciones push, cámara, archivos, biométricas o compras en la aplicación.
Capacitor pluginsLa Solución
Capacitor da a tu aplicación web una caja nativa. Capgo la construye, la envía a las tiendas y la mantiene actualizada.
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 pluginsPida 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ónLos 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ónEnví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?
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.
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
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
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
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
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
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.
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.
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.
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.
Pruebas de clientes
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.”
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.
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
Respuestas breves para equipos que llevan una aplicación web existente a la App Store y Google Play
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 guideYes, 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 CapacitorNo. 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 docsJavaScript, 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?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/CDInicia la prueba gratuita de 14 días, envuelve tu aplicación con Capacitor y solicita tus primeras construcciones de iOS y Android del CLI.
soporte humano de Martin
Prueba gratuita de 14 días ilimitada. No se requiere tarjeta de crédito
¿Necesita la empresa? Hable con nuestro equipo