Header Ads Widget

Ticker

6/recent/ticker-posts

 

  1. ¿Qué es el paso de peatones?
  2. ¿La desventaja de Crosswalk?
  3. ¿Cómo usar Crosswalk?
    1. Requisitos
    2. Creando el proyecto Ionic 5


1 - ¿Qué es el paso de peatones?

Si ya ha desarrollado o utilizado aplicaciones híbridas, es decir, aplicaciones móviles creadas con tecnologías web modernas en lugar de lenguajes móviles nativos como Java o Swift, seguramente habrá notado el mal rendimiento de estas aplicaciones cuando se ejecutan en dispositivos Android, incluso para pequeñas animaciones y también al desplazarse por listas de datos. Si ejecuta el mismo html, css y JavaScript en Android Chrome o cualquier navegador moderno, notará que su aplicación funciona mucho mejor.

Entonces, ¿por qué hay tanta diferencia en el rendimiento cuando se ejecuta su aplicación en Android Chrome frente al navegador Cordova integrado?

En un mundo perfecto, el navegador web utilizado por Cordova debería ser el mismo que está instalado en su dispositivo Android, pero desafortunadamente ese no es el caso. De hecho, hasta Android 4.4, Cordova utiliza el antiguo navegador interno basado en webkit para renderizar sus aplicaciones, por lo que cuanto más antiguo es su dispositivo Android, más antiguo es el navegador, lo que resulta en un mal rendimiento.

Incluso si las versiones más recientes de Android tienen navegadores más nuevos, no puede estar seguro de la versión que usa el usuario de su aplicación y si su aplicación se ejecutará sin problemas de rendimiento.

Debido a todas estas razones, algunos desarrolladores de Intel han decidido crear una buena herramienta que le permite usar una vista web personalizada en lugar de la que usa Cordova (que es la vista web predeterminada del sistema) que le dará a su aplicación el mismo entorno en todos los dispositivos. . La herramienta es el famoso proyecto Crosswalk.

2 - La desventaja del paso de peatones

El proyecto Crosswalk tiene una desventaja que es el tamaño, el tamaño de su aplicación aumentará en alrededor de 15 MB e incluso alrededor de 50 MB cuando se instale, por lo que puede que no sea la solución perfecta para las necesidades de todos.

3 - ¿Cómo usar Crosswalk con Ionic 5?

Ahora, veremos cómo puede usar Crosswalk con el marco Ionic 5 para que pueda mejorar el rendimiento de su aplicación.

3.1 1. Requisitos

Entonces, en primer lugar, debe tener todas las herramientas necesarias instaladas, que incluyen:

  • El SDK de Android,
  • Iónico 5,
  • Córdoba.

Ahora creemos nuestro proyecto Ionic 5

4. Creación del proyecto Ionic 5

Comencemos construyendo un nuevo proyecto de Ionic 5.

Abra su terminal o símbolo del sistema e ingrese:

ionic start ionic-crosswalk-example blank 
cd ionic-crosswalk-example/

Ahora agreguemos la plataforma de destino que necesitamos admitir. Crosswalk se puede usar con Android o iOS, pero es más útil en el caso de Android:

ionic platform add android

Ahora es el momento de agregar Crosswalk, que se puede hacer como cualquier otro complemento normal de Cordova:

ionic plugin add cordova-plugin-crosswalk-webview

Crosswalk solo admite versiones superiores a 4.4. En las aplicaciones Ionic 5, el SDK mínimo es 4.0, por lo que debemos configurar minSdkVersion en 20. Para hacerlo, simplemente abra el archivo platform / android / AndroidManifest.xml y cambie la siguiente línea

<uses-sdk android:minSdkVersion="16" android:targetSdkVersion="24" />

A

<uses-sdk android:minSdkVersion="20" android:targetSdkVersion="24" />   

Publicar un comentario

0 Comentarios