馃殌 Ionic: Anuncia cambios importantes y presenta Capacitor 2.0. El tiempo de ejecuci贸n nativo de Ionic, que va a facilitar la creaci贸n de aplicaciones web que se ejecutan en Android, iOS y sobre la web como aplicaciones web progresivas, todo con una 煤nica base de c贸digo

Los desarrolladores usan Capacitor como contenedor de aplicaciones nativas para empaquetar e implementar sus aplicaciones Ionic en varias plataformas m贸viles y de escritorio. Capacitor, te permite acceder a funciones nativas como la c谩mara usando el mismo c贸digo en todas las plataformas, sin tener que preocuparte por los detalles m谩s espec铆ficos de cada plataforma.

Esta nueva versi贸n actualiza Capacitor y sus plantillas de proyecto a la 煤ltima versi贸n aportando mayor seguridad, correcci贸n de errores y las siguientes nuevas caracter铆sticas:

  • Soporte Swift 5 y Xcode 11+.
  • Compatible con Android 10 (SDK 29) y AndroidX, lo que hace que Face Unlock e Iris Unlock est茅n disponibles ahora en Ionic Identity Vault.
  • Correcci贸n de errores y mejoras de usabilidad para m谩s de 23 complementos principales.
MEN脷 馃憞

馃敟 Quiz谩s te interese: mejores libros de programaci贸n聽禄 programas para desarrolladores聽禄 mejores lenguajes de programaci贸n聽禄 port谩tiles para programadores聽禄 mejores auriculares para programadores聽禄 ratones verticales para trabajar聽禄 componentes de PC para programadores聽禄 recomendaciones Ciberninjas

驴Por qu茅 Capacitor?

Tradicionalmente, los desarrolladores web han recurrido a herramientas como Apache Cordova / Adobe PhoneGap para implementar sus aplicaciones web en otras plataformas. Esto funcion贸 bien durante muchos a帽os, con Ionic recomendando Cordova como el m茅todo predeterminado para apuntar a las plataformas nativas de iOS y Android.

Con el tiempo, nuestras opiniones cambiaron sobre c贸mo deber铆a funcionar esta capa y despu茅s de explorar varias ideas, determinamos que la mejor opci贸n era incorporar el componente de tiempo de ejecuci贸n nativo en la creaci贸n de las aplicaciones.

Ahora, una parte clave de la plataforma de Ionic, es Capacitor. Capacitor ser谩 el encargado de facilitar a los desarrolladores web la reutilizaci贸n de sus habilidades para crear aplicaciones de calidad ante todas las plataformas, al mismo tiempo que disminuye significativamente la probabilidad de que ocurran problemas espec铆ficos derivados de la 鈥渃ompatibilidad鈥 con lo que ser铆an aplicaciones nativas. Puedes obtener m谩s informaci贸n sobre c贸mo se compara Capacitor con Cordova en este art铆culo escrito por Max.

Capacitor 2.0 actualiza su tecnolog铆a subyacente para admitir las 煤ltimas versiones de lenguajes de programaci贸n y sistemas operativos, permitiendo un rendimiento mejorado, seguridad y experiencias de desarrollo m谩s modernas. Espec铆ficamente, el soporte para la 煤ltima tecnolog铆a de Android e iOS ya est谩 disponible.

Swift 5 y Xcode 11+

Respecto a iOS, la compatibilidad de Ionic junto a Swift 5 y Xcode 11+. Esto nos ofrece paquetes de aplicaciones m谩s peque帽os, herramientas y caracter铆sticas de desarrollo modernas y compatibilidad con versiones anteriores de Swift.

Android 10 (SDK 29) y AndroidX

En Android, el uso de Capacitor significa mejoras en la seguridad y la biometr铆a, las capacidades del uso del audio y video y un modo oscuro para todo el sistema.

Adem谩s, AndroidX (la pr贸xima generaci贸n de la Biblioteca de soporte de Android) ya es compatible.

AndroidX reemplaza la Biblioteca de soporte de Android, proporcionando paridad de caracter铆sticas y compatibilidad con versiones anteriores, a la vez que brinda mejoras en la modularidad de la biblioteca, un tama帽o de c贸digo m谩s peque帽o y una mejor experiencia de desarrollador.

Si usted es un consumidor de Capacitor o un autor de complementos, simplemente necesita actualizar sus proyectos (o CLI) para acceder a estas nuevas caracter铆sticas (ver m谩s abajo).

Complementos, herramientas y documentos mejorados

Capacitor 1.0 no hubiera sido tan exitoso como lo ha sido sin la experiencia de los desarrolladore que los respaldan. Con Capacitor 2.0, nos hemos centrado m谩s en revisarlo por completo de pies a cabeza, lo que lleva a las actualizaciones de los complementos principales, las herramientas de CLI y la documentaci贸n.

Fundamentalmente, si deseas crear aplicaciones que resulten en experiencias 煤nicas, necesitas un conjunto de complementos y herramientas confiables para construirlas. Capacitor 2.0, incluye muchas actualizaciones de sus 23 complementos principales, desde correcciones de errores hasta nuevas funciones y mejoras de usabilidad. Muchos de estos cambios fueron impulsados por los comentarios de la comunidad.

Hablando de los incre铆bles esfuerzos de la comunidad, la herramienta oficial de Ionic para generar pantallas de bienvenida e 铆conos cordova-res, acaba de recibir una gran actualizaci贸n: 隆Soporte para condensadores! Gracias a wannadream por esta contribuci贸n.

npm i -g cordova-res
cordova-res --skip-config --copy

Con este gran expansi贸n, 隆creo que tendremos que cambiarle el nombre!

La adopci贸n de las herramientas nativas de Capacitor significa que nunca ha sido tan f谩cil implementar caracter铆sticas nativas de forma creativa. Dicho esto, los matices y los detalles pueden ser complicados, por lo que hemos comenzado a agregar nuevas gu铆as de implementaci贸n a los documentos de Capacitor, incluidos Deep Links , Inicio de sesi贸n desde Apple y una gu铆a actualizada de notificaciones push con Firebase. Pronto esperamos ir creando m谩s nuevas gu铆as.

Inicio de sesi贸n con Apple

Iniciar sesi贸n con Apple ofrece a los usuarios la posibilidad de iniciar sesi贸n en aplicaciones y sitios web utilizando su ID de Apple. Los beneficios incluyen un enfoque de seguridad (la autenticaci贸n autom谩tica de dos factores y la actividad del usuario no se rastrea) y los usuarios pueden comenzar a usar su aplicaci贸n de inmediato (sin pasar por las medidas de registro tradicionales).

A partir de abril del 2020, las aplicaciones que utilizan un servicio de inicio de sesi贸n social o de terceros tambi茅n deben ofrecer la opci贸n Iniciar sesi贸n con Apple. Esto incluye Facebook, Twitter, Linkedin y Google.

El inicio de sesi贸n creador con Capacitor impulsado por la comunidad con el complemento de Apple ofrece un proceso de implementaci贸n f谩cil y listo para usar. Simplemente instale el complemento, configure el proyecto nativo de iOS y luego contin煤e. Aprende c贸mo hacerlo desde aqu铆.

Desbloqueo facial con Android y desbloqueo con el iris

Para proteger los datos de tu usuario, debes mantenerte actualizado con las 煤ltimas funciones de seguridad m贸viles. La seguridad es tradicionalmente dif铆cil de implementar correctamente, con resultados desastrosos si se hace mal.

Con el nuevo soporte de AndroidX en Capacitor 2.0, Ionic Identity Vault ahora es compatible con Face Unlock e Iris Unlock de Android. Esta actualizaci贸n del sistema de gesti贸n de identidad frontend todo en uno de Ionic trae a la plataforma Android caracter铆sticas de autenticaci贸n facial y de iris l铆deres en la industria. Usando una API simple, puede agregar autenticaci贸n biom茅trica de primera l铆nea a sus aplicaciones Capacitor. Obtenga m谩s informaci贸n aqu铆.

Pr贸ximamente: 隆Suprimir CORS!

En estos momentos, tenemos un nuevo complemento en proceso que deber铆a aliviar la mayor parte del dolor que sienten los desarrolladores de Ionic al acceder a datos externos y API麓s en dispositivos m贸viles.

Cross-Origin Resource Sharing (CORS) es un mecanismo que los navegadores y las vistas web, como los que alimentan Capacitor, usan para proteger los datos de sus usuarios y evitar ataques que comprometer铆an su aplicaci贸n.

Si bien es excelente para la seguridad, com煤nmente restringe las solicitudes HTTP / S, el mecanismo a trav茅s del cual los desarrolladores acceden y administran datos externos, lo que genera mucha confusi贸n. En 煤ltima instancia, esta es una distracci贸n que le quita tiempo y no te permite enfocarte en la creaci贸n de las aplicaciones.

Pronto, presentaremos un nuevo complemento HTTP que aborda esto autom谩ticamente en un enfoque multiplataforma. En dispositivos m贸viles, las solicitudes HTTP se ejecutan de forma nativa, fuera de la vista web. Esto evita de manera efectiva CORS, lo que resulta en una experiencia de desarrollador mejorada al tiempo que mantiene protocolos de seguridad adecuados (las aplicaciones nativas no est谩n sujetas a CORS). Las solicitudes web utilizan fetch, la API moderna del navegador web para recuperar recursos externos.

El complemento HTTP est谩 en desarrollo activo. Nos encantar铆a que lo pruebes y proporciones comentarios. Mientras tanto, tambi茅n puedes consultar nuestra gu铆a de soluci贸n de problemas CORS.

Actualizaci贸n sobre el soporte de Electron

Despu茅s de analizar detenidamente cu谩les deben ser nuestras prioridades y nuestro enfoque en 2020, hemos decidido volver a poner el soporte de Electr贸n en beta. Despu茅s de una inversi贸n adicional en plataformas clave que generan el mayor inter茅s (iOS, Android y PWA), volveremos a centrarnos en 茅l.

F谩cil proceso de actualizaci贸n

Capacitor le da a los desarrolladores de Ionic un control completo de sus proyectos nativos. Entre muchos otros beneficios, esto hace que las actualizaciones sean f谩ciles y directas.

Primero, actualiza el 鈥淐apacitor Core鈥 y el CLI:

cd your-app-folder
npm update @capacitor/cli
npm update @capacitor/core

A continuaci贸n, actualice cada biblioteca de Capacitor en uso:

npm install @capacitor/[email protected]
npx cap sync ios

npm install @capacitor/[email protected]
# Within Android Studio, click 鈥淪ync Project with Gradle Files鈥 button

cd electron
npm install @capacitor/[email protected]

Luego, siga estas instrucciones de actualizaci贸n dependiendo de la plataforma que estes usando:

M谩s que un n煤mero de versi贸n

Capacitor 2.0 es una actualizaci贸n significativa de una parte cada vez m谩s importante de la plataforma de desarrollo de aplicaciones de Ionic.

La recepci贸n de Capacitor nos ha impresionado mucho desde que se anunci贸 y las instalaciones han estado creciendo r谩pidamente.

Con 2.0, comenzamos a hacer que Capacitor sea el valor predeterminado para todos los nuevos proyectos de Ionic React y pronto Ionic Angular, y esperamos que estemos recomendando Capacitor para todas las nuevas aplicaciones de Ionic y cada vez m谩s para las aplicaciones empresariales.

Adem谩s, estamos dedicando m谩s recursos internos a Capacitor, ya que se convierte en una parte clave de la oferta de Ionic. Espero ver que Capacitor reciba mucho m谩s enfoque y atenci贸n por el equipo de Ionic durante los pr贸ximos meses.

Comienza a construir hoy

Si eres nuevo en Capacitor, es f谩cil de comenzar. Sigue nuestra gu铆a completa de la primera aplicaci贸n para crear una aplicaci贸n de galer铆a de fotos con tecnolog铆a de la c谩mara de Capacitor, el sistema de archivos y las API de almacenamiento. Para aquellos que buscan sumergirse de inmediato, eche un vistazo al Asistente de aplicaciones i贸nicas: Genere una excelente aplicaci贸n de inicio de Capacitor en segundos.

Fuente: Ionic Framework: Anuncia el lanzamiento de Capacitor 2.0 traducci贸n al castellano por Pablo 脕lvarez Corredera bajo permiso del autor.

Relacionados

馃摪 Ionic 4.0: Introducci贸n Ionic para todos

馃殌 Ionic: 驴Qu茅 es Ionic?

馃殌 Ionic: Conceptos B谩sicos del Framework