Introducción
Ionic es una librería de componentes web (nativos) creados con Stencil. Estos componentes web están orientados principalmente a crear aplicaciones híbridas para dispositivos móviles, ya que utilizan la guía de estilos de Google Material Design para Android y Human Interface Guidelines para iOS. Además, en función de la plataforma donde se ejecuten, tendrán el estilo de una aplicación nativa Android o iOS. Este es el estilo por defecto, y por supuesto puede modificarse según necesidades.
Además de los componentes web, Ionic nos proporciona capas de integración con los frameworks de cliente más populares (Angular, React y Vue). También se puede crear un proyecto con JavaScript (Vanilla) directamente, aunque no se recomienda para aplicaciones "de verdad".
Capacitor
Ionic se integra con Capacitor (creado por el mismo equipo que Ionic). Esta librería nos aporta lo siguiente:
- Proporciona una capa de abstracción y acceso a funcionalidades nativas cuando la aplicación está ejecutándose en un dispositivo Android e iOS. Por ejemplo la cámara, archivos, notificaciones Push, brújula, giroscopio, GPS, compartir contenido, servicios de Google, etc.
- También permite el acceso a ciertas funcionalidades como la cámara en cualquier dispositivo, incluyendo un PC, si generamos una PWA (Progressive Web App).
- Genera proyectos para Android (Android Studio) y iOS (Xcode) que empaquetan la aplicación web dentro de una App nativa y permite generar un instalador para Android (APK) y iOS (IPA). Esto posibilita la publicación de la aplicación en las diferentes tiendas de apps como Google Play o Apple Store.
