Ionic (marco de aplicaciones móviles)

Marco de código abierto para desarrollar aplicaciones móviles híbridas

Iónico
Desarrollador(es)A la deriva [1]
Lanzamiento inicial2013
Versión estable
8.3.3 [2]  / 16 de octubre de 2024 ; hace 30 días (16 October 2024)
Repositorio
  • github.com/ionic-team/ionic-framework
Escrito enTipo de script , JavaScript
TipoMarco de software
LicenciaLicencia MIT
Sitio webes.ionicframework.com

Ionic es un kit de herramientas de interfaz de usuario de código abierto para crear aplicaciones móviles, web y de escritorio multiplataforma utilizando tecnologías web como HTML, CSS y JavaScript/TypeScript. Proporciona un conjunto de componentes y herramientas de interfaz de usuario prediseñados para crear aplicaciones interactivas de alta calidad. Ionic se creó originalmente como un SDK de código abierto completo para el desarrollo de aplicaciones móviles híbridas creado por Max Lynch, Ben Sperry y Adam Bradley de Drifty Co. en 2013. [3] La versión original se lanzó en 2013 y se construyó sobre AngularJS y Apache Cordova . Sin embargo, la última versión se reconstruyó como un conjunto de componentes web utilizando StencilJS, lo que permite al usuario elegir cualquier marco de interfaz de usuario, como Angular , React o Vue.js. También permite el uso de componentes Ionic sin ningún marco de interfaz de usuario. [4] Ionic proporciona herramientas y servicios para desarrollar aplicaciones híbridas móviles, de escritorio y web progresivas basadas en tecnologías y prácticas de desarrollo web modernas, utilizando tecnologías web como CSS , HTML5 y Sass . En particular, se pueden crear aplicaciones móviles con estas tecnologías web y luego distribuirlas a través de tiendas de aplicaciones nativas para instalarlas en dispositivos utilizando Cordova o Capacitor. [5]

Historia

Ionic fue creado por Drifty Co. en 2013. Después de lanzar una versión alfa del marco en noviembre de 2013, se lanzó una versión beta 1.0 en marzo de 2014, una versión final 1.0 en mayo de 2015 y varias versiones 2.0 en 2016. [6]

Desde enero de 2019, Ionic 4 permite a los desarrolladores elegir otros marcos además de Angular, como React, Vue.js y componentes web. [7] Ionic 4 se creó utilizando StencilJS.

Servicios y características

Ionic utiliza los complementos Cordova y, más recientemente, Capacitor para obtener acceso a las funciones de los sistemas operativos host, como cámara, GPS, linterna, etc. [8] [9] [10] Los usuarios pueden crear sus aplicaciones, y luego pueden personalizarse para Android , iOS , Windows , escritorio (con Electron ) o navegadores modernos. [11] Ionic permite la creación e implementación de aplicaciones envolviendo la herramienta de creación Cordova o Capacitor con una herramienta de línea de comandos "iónica" simplificada. [12]

Ionic incluye componentes móviles, tipografía, paradigmas interactivos y un tema base extensible. [13]

Mediante el uso de componentes web, Ionic proporciona componentes personalizados y métodos para interactuar con ellos. Uno de estos componentes, el desplazamiento virtual, permite a los usuarios desplazarse por una lista de miles de elementos sin afectar el rendimiento. Otro componente, las pestañas, crea una interfaz con pestañas que admite la navegación de estilo nativo y la gestión del estado del historial. [ cita requerida ]

Además del SDK, Ionic también proporciona servicios que los desarrolladores pueden usar para habilitar funciones, como implementaciones de código y compilaciones automatizadas . Ionic también proporciona su propio IDE conocido como Ionic Studio, pero se suspendió en 2020. [14]

Ionic también proporciona una interfaz de línea de comandos (CLI) para crear proyectos. La CLI también permite a los desarrolladores agregar complementos de Cordova y paquetes de interfaz adicionales, habilitar notificaciones push, generar íconos y pantallas de presentación de aplicaciones y crear binarios nativos. [15]

Plataformas compatibles

Para Android, Ionic es compatible con Android 4.4 y versiones posteriores. Para iOS, Ionic es compatible con iOS 10 y versiones posteriores. [16] Ionic 2 es compatible con la plataforma universal de Windows para crear aplicaciones de Windows 10. [17] Ionic Framework, basado en Angular.js , es compatible con aplicaciones de BlackBerry 10. [18]

Actuación

Las aplicaciones de Ionic se ejecutan con una combinación de código nativo y código web, lo que proporciona acceso completo a la funcionalidad nativa si es necesario, y la mayor parte de la interfaz de usuario de la aplicación se crea con tecnología web estándar. Ionic utiliza funciones de aceleración de hardware nativas disponibles en el navegador (como animaciones CSS) y optimiza la representación (evitando la costosa manipulación del DOM ). Ionic aprovecha las transiciones y transformaciones CSS para la animación como una forma de aprovechar la GPU y maximizar el tiempo disponible del procesador. [ cita requerida ]

Instalación

Ionic es un módulo npm y requiere Node.js. [19 ]

Referencias

  1. ^ Sarah Perez (10 de marzo de 2014). "Drifty, creadores del marco móvil Ionic, recaudan un millón de dólares" . Consultado el 14 de marzo de 2015 .
  2. ^ "Versión 8.3.3". 16 de octubre de 2024. Consultado el 22 de octubre de 2024 .
  3. ^ Drifty, Inc (2016). "Descripción general de la documentación de Ionic: licencia".
  4. ^ "Presentamos Ionic 4: Ionic para todos". 23 de enero de 2019.
  5. ^ Drifty. «Ionic Framework» . Consultado el 16 de julio de 2017 .
  6. ^ "La mejor empresa de desarrollo de aplicaciones Ionic | Contrate desarrolladores Ionic". www.crystalinfoway.com . Consultado el 5 de julio de 2023 .
  7. ^ "Comparación de v4.0.0-rc.3/v4.0.0 · ionic-team/ionic-framework". GitHub .
  8. ^ "Complementos de Cordova". docs.usecreator.com . Consultado el 2 de junio de 2018 .
  9. ^ "Características atractivas del marco de desarrollo de aplicaciones Ionic" . Consultado el 2 de junio de 2018 .
  10. ^ Drifty. «Ionic Framework». Archivado desde el original el 14 de noviembre de 2019. Consultado el 2 de junio de 2018 .
  11. ^ Drifty. «Ionic Framework» . Consultado el 2 de junio de 2018 .
  12. ^ "Dominar el marco Ionic: aprender a crear e implementar aplicaciones nativas y rápidas basadas en HTML5 - Thinkster". thinkster.io . Consultado el 2 de junio de 2018 .
  13. ^ Ionic. «Conceptos básicos de la temática: documentación de Ionic». Documentación de Ionic . Consultado el 26 de noviembre de 2019 .
  14. ^ "Ionic Studio está muerto" . Consultado el 10 de mayo de 2023 .
  15. ^ Ionic. «Instalación de Ionic - Documentación de Ionic». Documentación de Ionic . Consultado el 26 de noviembre de 2019 .
  16. ^ "Compatibilidad con navegadores: documentación de Ionic" . Consultado el 19 de diciembre de 2019 .
  17. ^ "Anuncio de compatibilidad con Windows en Ionic 2". 29 de marzo de 2016. Consultado el 22 de abril de 2016 .
  18. ^ "Los mejores frameworks de JavaScript para la movilidad empresarial" . Consultado el 21 de septiembre de 2015 .
  19. ^ "Desarrollo de aplicaciones móviles gratuito: Introducción a las aplicaciones Ionic".
  • Marco iónico
  • Cordova vs Capacitor: una comparación en la creación de aplicaciones con Ionic Framework
Retrieved from "https://en.wikipedia.org/w/index.php?title=Ionic_(mobile_app_framework)&oldid=1255738267"