Capacitor js es la pieza que usa Ionic Framework para llevar tu app web al móvil sin escribir código nativo desde cero. Si accedes a la cámara, la geolocalización o las notificaciones push desde JavaScript en una app híbrida, es Capacitor quien hace el puente.
Aquí tienes qué es exactamente, en qué se diferencia de Cordova, cómo instalarlo y por qué su ecosistema de plugins y servicios cloud —con Capawesome a la cabeza— se ha vuelto clave ahora que Ionic Appflow cierra en 2027.
¿Qué es Capacitor js y por qué lo usa Ionic?
Capacitor es el proyecto open source que creó el equipo de Ionic en 2018 para ejecutar aplicaciones web modernas de forma nativa en iOS, Android, Electron y web. Adopta un enfoque «web first»: tu app sigue siendo una app web normal, y Capacitor añade alrededor una capa nativa fina que le da acceso al hardware del dispositivo.
Si quieres el contexto completo de para qué sirve el framework, ya lo cubrí a fondo en mi guía sobre Ionic Framework. Aquí me centro solo en la pieza que hace posible el acceso nativo: Capacitor.
Una vez compilada, tu app se sube a la App Store y a Google Play como cualquier otra app nativa: el usuario final no nota que por debajo hay tecnología web.
Capacitor js vs Cordova: qué cambia realmente
Cordova nació en 2009 y sigue vivo gracias a un grupo de voluntarios que decide por consenso. Capacitor, en cambio, lo mantiene Ionic, una empresa con equipo dedicado a tiempo completo, lo que se traduce en ciclos de lanzamiento más rápidos y mejor soporte.
- Plataformas: Cordova cubre iOS y Android. Capacitor añade Electron y web (PWA) de forma nativa.
- Integración: puedes añadir Capacitor a una app nativa ya existente, no solo crear un proyecto desde cero.
- Plugins: Capacitor es retrocompatible con buena parte del catálogo de plugins de Cordova y añade alternativas web automáticas cuando el dispositivo no soporta una función.
- Adopción: Capacitor supera 1,5 millones de instalaciones al año, según datos de Ionic.
Cómo instalar Capacitor js y crear tu primera app
El proceso es el mismo tanto si partes de un proyecto Ionic como si añades Capacitor a cualquier app web:
- Instala el núcleo:
npm install @capacitor/core @capacitor/cli - Inicializa el proyecto:
npx cap init - Añade las plataformas que necesites:
npm install @capacitor/android @capacitor/iosy luegonpx cap add androidonpx cap add ios - Sincroniza tu build web con el proyecto nativo cada vez que cambies código:
npx cap sync - Abre el proyecto nativo para compilar y probar:
npx cap open android
Necesitas tener Node.js instalado, y para compilar cada plataforma, sus herramientas nativas: Android Studio para Android, o Xcode (solo disponible en Mac) para iOS.
Capawesome: plugins y cloud para Capacitor js
Aquí es donde entra Capawesome, la plataforma que ha construido el ecosistema más completo alrededor de Capacitor. Según sus propios datos, la usan más de 1.000 equipos y sus plugins superan los 3 millones de descargas al mes. Se organiza en tres piezas: una CLI con más de 40 comandos que cubre todo el flujo de trabajo (incluida integración con agentes de IA), un catálogo de plugins, y Capawesome Cloud para compilar y actualizar tu app.
Plugins de Capacitor con Capawesome
Capawesome mantiene más de 50 SDKs de código abierto gratuitos, además de un catálogo de SDKs empresariales para equipos con necesidades más avanzadas. Cubren buena parte de los accesos nativos que le faltan al core de Capacitor:
- Biometrics: autenticación con Face ID, Touch ID o huella dactilar.
- Barcode Scanning: lectura de códigos de barras y QR en el dispositivo con Google ML Kit, sin conexión.
- Firebase Cloud Messaging: notificaciones push multiplataforma con FCM y APNs en un solo plugin.
- NFC: lectura, escritura y emulación de etiquetas NFC.
- OAuth: implementación de OAuth 2.0 y OpenID Connect con PKCE.
- SQLite: base de datos local cifrada con transacciones y migraciones de esquema.
Puedes ver el catálogo completo en la documentación de Capawesome.
Capawesome Cloud: la alternativa a Ionic Appflow
Este es el motivo por el que ahora mismo se habla tanto de Capawesome: Ionic ha confirmado que Appflow cierra el 31 de diciembre de 2027. Ya no se vende a clientes nuevos y solo recibe correcciones de errores, sin funciones nuevas. Si dependes de Appflow para compilar o actualizar tu app, te conviene ir mirando alternativas con tiempo.
Capawesome Cloud cubre ese hueco con dos servicios:
- Live Updates: envía cambios de código y contenido directamente a los dispositivos sin pasar por la revisión de las tiendas, con despliegue gradual (10%, 25%, 50%, 100%) y reversión automática si algo falla.
- Native Builds: compila tu app iOS y Android en la nube, en 1-3 minutos de media, sin necesidad de tener un Mac. Funciona desde Windows, Linux o Chromebook.
Si usas Ionic Appflow, no esperes al cierre de 2027 para migrar: las herramientas de compilación cambian cada año y podrías quedarte bloqueado antes de esa fecha.
Capawesome Cloud ofrece una prueba gratuita de 14 días. Para el uso continuado consulta sus planes directamente en su web, porque cambian con frecuencia y no quiero darte una cifra que se quede desfasada.
Mi recomendación
Si ya trabajas con Ionic o Capacitor, no hace falta que te mudes a Capawesome de golpe. Yo empezaría probando uno de sus plugins gratuitos para tapar un hueco puntual —biometría o escaneo de códigos son una buena puerta de entrada— y solo valoraría el Cloud si dependes de Appflow o si compilar en un Mac se ha convertido en un cuello de botella real para tu equipo. Eso sí, si tu app necesita gráficos 3D exigentes o animaciones muy pesadas, un desarrollo nativo puro seguirá rindiendo mejor: para el resto de casos, la combinación de Ionic, Capacitor y Capawesome cubre casi cualquier necesidad.
Preguntas frecuentes
¿Qué es Capacitor js?
Es el runtime open source de Ionic que convierte tu aplicación web en una app nativa para iOS, Android, Electron y web, dándole acceso al hardware del dispositivo a través de plugins.
¿Capacitor sustituye a Cordova?
En la práctica sí. Capacitor es retrocompatible con buena parte de los plugins de Cordova y lo mantiene una empresa con equipo dedicado, frente al modelo de voluntarios de Cordova.
¿Qué diferencia hay entre Capacitor y Capawesome?
Capacitor es el runtime que crea el puente nativo. Capawesome es una plataforma de terceros construida sobre Capacitor, con plugins adicionales, una CLI y servicios cloud. No es un sustituto de Capacitor, sino un complemento.
¿Necesito un Mac para compilar apps con Capacitor?
Para compilar en local sí necesitas un Mac para iOS. Con un servicio de build en la nube como Capawesome Native Builds puedes compilar desde Windows, Linux o Chromebook.
¿Es gratis usar Capacitor y Capawesome?
Capacitor es gratuito y de código abierto. Capawesome ofrece más de 50 plugins gratuitos y un modelo freemium en su Cloud, con planes de pago para equipos con más necesidades.
Más recursos relacionados
- Ionic Framework: la solución ideal para aplicaciones móviles híbridas — la guía completa del framework que usa Capacitor por debajo.
- React JS — otro framework habitual si prefieres construir la interfaz de tu app con componentes React.
- Node.js y npm para principiantes — lo necesitas para instalar y gestionar Capacitor desde la terminal.
Capacitor js te da la puerta nativa, y Capawesome se encarga de que compilar, actualizar y distribuir tu app no dependa de un Mac ni de una revisión de tienda cada vez que corriges un error. Pruébalo con calma y cuéntame qué tal te va.
