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.
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.
14 días de prueba gratuita 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
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
Presencia en tiendas, notificaciones push y APIs de dispositivo requieren una caja de aplicación nativa alrededor de su web code.
Xcode, Android Studio, certificados de firma, almacenes de claves y registros de tienda son tareas que su equipo no ha realizado antes.
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
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 CapacitorMencione lo que requiere un plugin nativo: notificaciones push, cámara, archivos, biometría o compras en la aplicación.
Plugins de CapacitorLa 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 tu JavaScript acceso a características del dispositivo.
Plugins de CapacitorSolicite 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 docsLos 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.
__CAPGO_KEEP_0__ Documentación de canales¿Cómo funciona?
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.
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
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
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
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
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 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.
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.
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.
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.
Evidencia de clientes
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."
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.
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 Tienda de App y Google Play.
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 webSí, 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 CapacitorNo. 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 docsJavaScript, 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?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/CDInicia 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.
Soporte humano de Martin
Prueba gratuita de 14 días. No se requiere tarjeta de crédito
Necesidades de empresa? Habla con nuestro equipo