Glosario · Aplicaciones móviles

Capacitor / Cordova

Runtimes que empaquetan una web en una app nativa con acceso a APIs del dispositivo (cámara, GPS, file system). Capacitor es el sucesor moderno de Cordova, mantenido por Ionic.

Qué es y cómo funciona

Capacitor toma una aplicación web (HTML, CSS y JavaScript) y la coloca dentro de un proyecto nativo de iOS y de Android. La interfaz se muestra en un WebView, y un puente comunica ese código web con las funciones del dispositivo mediante plugins: cámara, geolocalización, archivos, notificaciones y más.

Cada plataforma conserva su proyecto nativo (Xcode para iOS y Android Studio para Android) como parte del repositorio. Eso permite añadir código nativo propio cuando un plugin no cubre lo que necesitas. Funciona con cualquier framework web, como React, Angular, Vue o simplemente JavaScript, y la misma base de código puede servir también para la web.

Cordova es el proyecto anterior con la misma idea de fondo, y Capacitor nació como evolución moderna del enfoque, mantenido por Ionic. Si ya tienes una app en Cordova, existe documentación específica para migrar a Capacitor.

Por qué importa

Es una vía rápida para llevar a las tiendas un producto web que ya funciona, reutilizando el equipo, el código y la interfaz. Para herramientas de gestión, portales de clientes o apps con mucho contenido y poca exigencia gráfica, suele ser una opción razonable con un coste moderado.

El precio de esa comodidad es que la interfaz sigue siendo web. El rendimiento y la sensación de uso dependen de cómo esté construida la web y del WebView del dispositivo. En pantallas con animaciones complejas o listas muy largas puede notarse la diferencia respecto a una interfaz nativa.

Un ejemplo

Una gestoría tiene un portal web en el que sus clientes consultan documentos y firman trámites. Quiere ofrecer también una app para recibir avisos y subir fotos de facturas con la cámara. Con Capacitor, empaqueta el portal existente, añade los plugins de cámara y notificaciones y lo publica en las tiendas, sin reescribir la interfaz.

Errores y confusiones frecuentes

  • Pensar que basta con empaquetar la web: Apple espera que una app ofrezca algo más que un sitio web empaquetado, por lo que conviene aportar funciones propias del dispositivo.
  • Dar por sentado que la web móvil es suficiente. Hay que adaptar la interfaz al móvil: zonas seguras, teclado, gestos, botón atrás y comportamiento sin conexión.
  • Depender de plugins sin mantenimiento. Los de la comunidad no siempre se actualizan, y un plugin abandonado puede bloquear una actualización de la app.
Dudas habituales

Preguntas frecuentes sobre Capacitor

No, pero parten de una idea parecida: una web dentro de un contenedor nativo con plugins. Capacitor es una alternativa más reciente, con proyectos nativos que forman parte del repositorio y una arquitectura de plugins distinta. Los plugins de Cordova pueden usarse en algunos casos, aunque conviene verificar su compatibilidad.

Para pantallas de contenido, formularios y gestión suele ser suficiente. Para interfaces con muchas animaciones, gráficos intensivos o interacciones muy finas, el WebView puede quedarse corto frente a una interfaz nativa. Lo más fiable es probar un prototipo con las pantallas más exigentes en dispositivos reales.

¿Necesitas aplicarlo en tu proyecto?

Cuéntanos qué quieres conseguir y te decimos, sin compromiso, si Capacitor tiene sentido en tu caso o si hay una opción mejor.