Simplifiez le développement Android à l'aide de manifoldJS avec Crosswalk

Avec la version 0.3.0 de manifoldJS, vous pouvez désormais choisir de créer vos applications Android avec Crosswalk au lieu de la vue Web Android traditionnelle. C'est assez simple à mettre en œuvre aussi.

Si vous n'êtes pas familier, manifoldJS est un nouveau framework open-source pouvant prendre un site Web et créer une application pour Windows, iOS, Android, Chrome et Firefox, simplifiant ainsi la création d'applications hébergées sur plusieurs plates-formes. Il a fait ses débuts à la conférence Microsoft Build 2015 en avril. manifoldJS s'exécute en tant qu'outil de ligne de commande via Node.js, ou vous pouvez utiliser l'outil Web..

Dans ce tutoriel, je vais vous montrer les étapes simples à suivre pour le mettre en place et le tester vous-même. Tout d’abord, assurez-vous que manifoldJS est installé et fonctionne correctement..

Étape 1

Installez Node.js à partir de nodejs.org.

Étape 2

Ouvrez votre invite de commande préférée (Terminal sur Mac ou Linux) et tapez:

npm installer manifoldjs -g

Maintenant, vous ajoutez simplement le drapeau Crosswalk à vos paramètres de lancement et vous regardez ce qui se passe ensuite:

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

Et… BOOM! Vous venez de créer une application Web hébergée avec Crosswalk.

Un exemple pratique de passage pour piétons

Avec Crosswalk, vous pouvez être sûr que les dernières fonctionnalités HTML5, telles que WebGL, IndexedDB, Web Sockets et CSS3, sont là pour votre application. Par exemple, voici la sortie d'une application WebGL qui utilise la vue Web par défaut et qui a été générée par manifoldJS à l'aide de la commande suivante:

manifoldjs http://get.webgl.org/

Et voici la même application avec Crosswalk activé. Il a été généré après avoir ajouté le -c (ou --passage clouté) drapeau à la commande précédente:

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

Ou:

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

Avec Crosswalk, vous pouvez être sûr que tous vos utilisateurs obtiennent l'expérience voulue.

Qu'est-ce qu'un passage pour piétons??

Crosswalk est un environnement d’exécution Web conçu par le projet Crosswalk. Crosswalk a pris les moteurs open-source Chromium et Blink et les a compilés dans un environnement d'exécution moderne et à jour. Crosswalk est une puissante vue Web. En fait, lorsque le drapeau Crosswalk est défini, nous l’utilisons à la place de la visualisation Web Android traditionnelle..

Pourquoi le passage piéton est-il important??

La prise en charge des passages pour piétons présente deux avantages principaux. Tout d'abord, il s'agit d'un environnement d'exécution Web "mis à jour". Cela pourrait ne pas constituer un avantage certain pour les utilisateurs d'Android avec une version récente du système d'exploitation Android, mais pour les utilisateurs d'anciennes versions du système d'exploitation, il s'agit d'une amélioration considérable. La visualisation Web Crosswalk vous donnera accès à toutes les dernières fonctionnalités HTML5 et aux gains de performances obtenus par rapport à la visualisation Web traditionnelle..

Deuxièmement, Crosswalk fournit un environnement d'exécution cohérent. Avec toutes les différentes versions d'Android utilisées aujourd'hui, vous avez autant de versions différentes de la vue Web d'Android. Vous devez donc écrire au plus petit dénominateur commun. Utiliser Crosswalk élimine cet obstacle. En outre, le moteur d'exécution ne change que lorsque vous le mettez à jour dans votre application, pas avec le système d'exploitation. Nous savons que de nombreuses entreprises utilisent ce type de cohérence pour leurs applications..

Pourquoi ne pas utiliser Crosswalk?

Je ne peux penser qu'à une seule des raisons pour lesquelles vous ne voudriez pas utiliser Crosswalk: la taille de l'application. Le fichier .apk moyen (un fichier d'application pour Android) que nous produisons ne représente que quelques mégaoctets. L'ajout de Crosswalk à l'application ajoute 20 Mo supplémentaires, soit près de 60 Mo une fois installés sur l'appareil. Vous devez décider si le coût des ressources en vaut la peine.

Le regroupement de l'exécution avec l'application est l'approche la plus simple en termes de distribution, mais les applications Crosswalk peuvent également partager une seule bibliothèque d'exécution (en "mode partagé") afin d'alléger la charge. Un package qui active le mode partagé fait partie de la distribution Crosswalk for Android. Cependant, vous devez distribuer vous-même ce package d'exécution partagé. Visitez le wiki Crosswalk pour plus de détails.

N'oubliez pas que la nature d'une application Web hébergée est que vous effectuez les mises à jour de votre application sur votre serveur Web. Ainsi, dans la plupart des cas, le coût de la taille de package ajoutée sera ressenti lors du téléchargement initial, et non avec chaque mise à jour comme une application native standard..

Go Team Crosswalk

Nous sommes ravis de prendre en charge l'environnement d'exécution Web Crosswalk. Il comble une lacune dans le système Android qui rend le développement plus simple et plus fiable. Essayez-le avec votre prochaine application manifoldJS et voyez ce que vous en pensez. Pour plus d'informations sur Crosswalk, visitez le site Web du projet Crosswalk. Pour commencer à créer des applications de magasin à partir de votre site Web, accédez au site Web manifoldJS et commencez..

Plus de pratique avec JavaScript

Cet article fait partie de la série de projets de développement Web rédigés par des spécialistes de la technologie Microsoft sur l'apprentissage pratique de JavaScript, les projets open source et les meilleures pratiques d'interopérabilité, y compris le navigateur Microsoft Edge et le nouveau moteur de rendu EdgeHTML.. 

Nous vous encourageons à tester tous les navigateurs et périphériques, y compris Microsoft Edge - le navigateur par défaut pour Windows 10 - avec des outils gratuits sur dev.modern.IE:

  • Analysez votre site pour rechercher des bibliothèques obsolètes, des problèmes de mise en page et d'accessibilité.
  • Utiliser des machines virtuelles pour Mac, Linux et Windows.
  • Testez à distance Microsoft Edge sur votre propre appareil.
  • Coding Lab sur GitHub: Tests multi-navigateurs et meilleures pratiques.

Apprentissage technologique approfondi sur Microsoft Edge et la plate-forme Web auprès de nos ingénieurs et évangélistes:

  • Microsoft Edge Web Summit 2015 (à quoi s'attendre avec le nouveau navigateur, les nouvelles normes de plate-forme Web prises en charge et les conférenciers invités de la communauté JavaScript)
  • Woah, je peux tester Edge & IE sur Mac & Linux! (de Rey Bango)
  • Faire progresser JavaScript sans rompre le Web (de Christian Heilmann)
  • Le moteur de rendu Edge qui permet au Web de fonctionner correctement (de Jacob Rossi)
  • Libérez le rendu 3D avec WebGL (de David Catuhe, y compris les projets Vorlon.JS et BabylonJS)
  • Applications Web hébergées et innovations de plate-forme Web (de Kevin Hill et Kiril Seksenov, y compris le projet manifoldJS)

Plus d'outils et de ressources multi-plateformes gratuits pour la plate-forme Web:

  • Code Visual Studio pour Linux, OS X et Windows
  • Code avec Node.js et essai gratuit sur Azure