Simplifique el desarrollo de Android usando manifoldJS con Crosswalk

Con la versión 0.3.0 de manifoldJS, ahora puede elegir construir sus aplicaciones Android con Crosswalk en lugar de la vista web tradicional de Android. Es bastante simple de implementar también.

Si no está familiarizado, manifoldJS es un nuevo marco de código abierto que puede tomar un sitio web y crear una aplicación para Windows, iOS, Android, Chrome y Firefox, simplificando la creación de aplicaciones alojadas en todas las plataformas. Debutó en la conferencia Microsoft Build 2015 en abril. manifoldJS se ejecuta como una herramienta de línea de comandos a través de Node.js, o puede usar la herramienta basada en web.

En este tutorial, te mostraré los sencillos pasos para ponerlo en marcha y ejecutarlo para que puedas probarlo tú mismo. Primero, asegúrate de que tienes manifoldJS instalado y funcionando.

Paso 1

Instale Node.js desde nodejs.org.

Paso 2

Abra su línea de comandos favorita (Terminal en Mac o Linux) y escriba:

npm install manifoldjs -g

Ahora, simplemente agregue la bandera de paso de peatones a sus parámetros de lanzamiento y observe lo que sucede a continuación:

manifoldjs http://www.thishereweb.com -p Android -c

¡Y bum! Acabas de crear una aplicación web alojada con Crosswalk.

Un ejemplo práctico de paso de peatones

Con Crosswalk, puede estar seguro de que las nuevas funciones de HTML5, como WebGL, IndexedDB, Web Sockets y CSS3, están ahí para su aplicación. Por ejemplo, aquí está la salida de una aplicación WebGL que usa la vista web predeterminada y fue generada por manifoldJS con el siguiente comando:

manifoldjs http://get.webgl.org/

Y aquí está la misma aplicación con Crosswalk habilitado. Se generó después de agregar el -do (o --paso de peatones) marca al comando anterior:

manifoldjs http://get.webgl.org/ --crosswalk

O:

manifoldjs http://get.webgl.org/ -c

Con Crosswalk, puede estar seguro de que todos sus usuarios obtendrán la experiencia deseada..

Que es el paso de peatones?

Crosswalk es un entorno de tiempo de ejecución web diseñado por el Proyecto Crosswalk. Crosswalk ha tomado los motores de código abierto Chromium y Blink, y los ha compilado en un entorno de ejecución moderno y actualizado. Puedes pensar en el paso de peatones como una vista web poderosa. De hecho, cuando se establece la bandera de paso de peatones, la usamos en lugar de la vista web tradicional de Android.

Por qué es importante el paso de peatones?

El apoyo en el paso de peatones aporta dos ventajas principales. Primero, es un entorno de ejecución web "actualizado". Eso podría no ser una gran ventaja para los usuarios de Android en una versión reciente del sistema operativo Android, pero para los usuarios en versiones anteriores del sistema operativo, es una mejora inmensa. La vista web de Crosswalk le dará acceso a todas las funciones HTML5 más recientes y aumentos de rendimiento en comparación con la vista web tradicional.

En segundo lugar, Crosswalk proporciona un entorno de tiempo de ejecución consistente. Con todas las diferentes versiones de Android en uso hoy en día, tiene tantas versiones diferentes de la vista web de Android, por lo que se ve obligado a escribir al mínimo común denominador. Usando el paso de peatones elimina ese obstáculo. Además, el tiempo de ejecución solo cambia cuando lo actualiza en su aplicación, no con el sistema operativo. Sabemos que muchos usuarios empresariales confían en este tipo de consistencia para sus aplicaciones..

¿Por qué no usaría el paso de peatones?

Solo puedo pensar en una razón por la que no querría usar Crosswalk: el tamaño de la aplicación. El archivo .apk promedio (un archivo de aplicación para Android) que producimos es solo de unos pocos megabytes. Al agregar Crosswalk a la aplicación, se agregan 20 MB adicionales, cerca de 60 MB una vez instalados en el dispositivo. Usted necesita decidir si el costo del recurso vale la pena..

Agrupar el tiempo de ejecución con la aplicación es el enfoque más simple para fines de distribución, pero las aplicaciones Crosswalk también pueden compartir una única biblioteca de tiempo de ejecución (en "modo compartido") para aligerar la carga. Un paquete que habilita el modo compartido es parte de la distribución de Crosswalk para Android. Sin embargo, tendría que distribuir este paquete de tiempo de ejecución compartido usted mismo. Visita la wiki de Crosswalk para más detalles..

Tenga en cuenta que la naturaleza de una aplicación web alojada es que usted realiza las actualizaciones de su aplicación en su servidor web. Por lo tanto, en la mayoría de los casos, el costo del tamaño del paquete agregado se notará con la descarga inicial, no con cada actualización como una aplicación nativa regular.

Ir equipo paso de peatones

Estamos encantados de apoyar el entorno de tiempo de ejecución web de Crosswalk. Está llenando un vacío en el sistema Android que hace que el desarrollo sea más simple y más confiable. Pruébelo con su próxima aplicación de manifoldJS y vea lo que piensa. Para obtener más información sobre Crosswalk, visite el sitio web de Crosswalk Project. Para comenzar a crear aplicaciones de tienda desde su sitio web, vaya al sitio web de manifoldJS y comience.

Más práctica con JavaScript

Este artículo forma parte de la serie de desarrollo web de los expertos en tecnología de Microsoft sobre aprendizaje práctico de JavaScript, proyectos de código abierto y mejores prácticas de interoperabilidad, incluido el navegador Microsoft Edge y el nuevo motor de renderizado EdgeHTML.. 

Lo alentamos a realizar pruebas en todos los navegadores y dispositivos, incluido Microsoft Edge, el navegador predeterminado para Windows 10, con herramientas gratuitas en dev.modern.IE:

  • Analice su sitio en busca de bibliotecas desactualizadas, problemas de diseño y accesibilidad.
  • Usa máquinas virtuales para Mac, Linux y Windows.
  • Prueba remota de Microsoft Edge en tu propio dispositivo.
  • Laboratorio de codificación en GitHub: Pruebas en varios navegadores y mejores prácticas.

Aprendizaje profundo de tecnología sobre Microsoft Edge y la plataforma web de nuestros ingenieros y evangelistas:

  • Microsoft Edge Web Summit 2015 (qué esperar con el nuevo navegador, los nuevos estándares de plataformas web compatibles y los oradores invitados de la comunidad de JavaScript)
  • ¡Woah, puedo probar Edge e IE en una Mac y Linux! (de Rey Bango)
  • Avanzando JavaScript sin romper la web (de Christian Heilmann)
  • El motor de renderizado de bordes que hace que la web solo funcione (de Jacob Rossi)
  • Desata el renderizado 3D con WebGL (de David Catuhe, incluidos los proyectos Vorlon.JS y BabylonJS)
  • Aplicaciones web alojadas e innovaciones de plataforma web (de Kevin Hill y Kiril Seksenov, incluido el múltiple proyecto JS)

Más herramientas y recursos multiplataforma gratuitos para la plataforma web:

  • Código de Visual Studio para Linux, OS X y Windows
  • Código con Node.js y prueba gratuita en Azure