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 également assez simple à mettre en œuvre.
Si vous n’êtes pas familier, manifoldJS est un nouveau framework open-source qui peut prendre un site Web et créer une application pour Windows, iOS, Android, Chrome et Firefox, simplifiant la création d’applications hébergées sur les plates-formes. Il a fait ses débuts au Microsoft Construire 2015 conférence en avril. manifoldJS s’exécute comme un outil de ligne de commande via Node.js, ou vous pouvez utiliser le outil Web.
Dans ce didacticiel, je vais vous montrer les étapes simples pour le faire fonctionner afin que vous puissiez l’essayer vous-même. Tout d’abord, assurez-vous que manifoldJS est installé et en cours d’exécution.
É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 install manifoldjs -g
Maintenant, vous ajoutez simplement le drapeau Crosswalk à vos paramètres de lancement et 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 a été générée par manifoldJS avec 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 l’ajout du -c (ou –-crosswalk) à 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 bénéficient de l’expérience voulue.
Qu’est-ce que Crosswalk?
Crosswalk est un environnement d’exécution Web conçu par le Projet de passage pour piétons. Crosswalk a pris les moteurs open-source Chromium et Blink et les a compilés dans un environnement d’exécution moderne et à jour. Vous pouvez considérer Crosswalk comme une vue Web puissante. En fait, lorsque l’indicateur Crosswalk est défini, nous l’utilisons à la place de la vue Web traditionnelle d’Android.
Pourquoi le passage pour piétons est-il important?
Le support de passage pour piétons présente deux avantages principaux. Tout d’abord, il s’agit d’un environnement d’exécution Web « mis à jour ». Ce n’est peut-être pas un grand avantage pour les utilisateurs d’Android sur une version récente du système d’exploitation Android, mais pour les utilisateurs des anciennes versions du système d’exploitation, c’est une immense amélioration. La vue Web Crosswalk vous donnera accès à toutes les dernières fonctionnalités HTML5 et aux gains de performances par rapport à la vue 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 Android, vous êtes donc obligé d’écrire au plus petit dénominateur commun. L’utilisation de Crosswalk supprime cet obstacle. De plus, le runtime ne change que lorsque vous le mettez à jour dans votre application, pas avec le système d’exploitation. Nous savons que de nombreux utilisateurs en entreprise s’appuient sur ce type de cohérence pour leurs applications.
Pourquoi n’utiliserais-je pas Crosswalk?
Je ne peux penser qu’à une seule raison pour laquelle 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 de la ressource en vaut la peine.
Le regroupement de l’environnement d’exécution avec l’application est l’approche la plus simple à des fins de distribution, mais les applications Crosswalk peuvent également partager une seule bibliothèque d’exécution (en «mode partagé») pour alléger la charge. Un package qui active le mode partagé fait partie de la distribution Crosswalk pour Android. Cependant, vous devrez distribuer vous-même ce package d’exécution partagé. Visiter le Wiki Crosswalk pour plus de détails.
Gardez à l’esprit 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 avec le téléchargement initial, et non avec chaque mise à jour comme une application native standard.
Allez 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 à la site web manifoldJS et commencez.
Plus pratique avec JavaScript
Cet article fait partie de la série de développement Web des évangélistes techniques de Microsoft sur l’apprentissage pratique de JavaScript, les projets open source et les meilleures pratiques d’interopérabilité, y compris Microsoft Edge navigateur et le nouveau Moteur de rendu EdgeHTML.
Nous vous encourageons à tester sur différents navigateurs et appareils, y compris Microsoft Edge, le navigateur par défaut pour Windows 10, avec des outils gratuits sur dev.modern.IE:
- Analysez votre site à la recherche de bibliothèques obsolètes, de 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 bonnes pratiques.
Apprentissage technique approfondi sur Microsoft Edge et la plate-forme Web par nos ingénieurs et évangélistes:
- Sommet Web Microsoft Edge 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 et IE sur un Mac et Linux! (de Rey Bango)
- Faire progresser JavaScript sans casser le Web (de Christian Heilmann)
- Le moteur de rendu Edge qui fait fonctionner le Web (de Jacob Rossi)
- Libérez le rendu 3D avec WebGL (de David Catuhe, y compris le Vorlon.JS et BabylonJS projets)
- Applications Web hébergées et innovations de plate-forme Web (de Kevin Hill et Kiril Seksenov, y compris le manifoldJS projet)
Plus d’outils et de ressources multiplateformes gratuits pour la plateforme Web:
Soutenez notre effort ❤️
Si vous avez apprécié cet article, pensez à laisser un pourboire pour nous aider à continuer à publier du contenu de qualité.
