Simplifiez le développement Android en utilisant 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 é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.

manifoldJS

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:

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

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

Application Shiftr sur les téléphones Android

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:

Nous sommes désolés mais votre navigateur ne semble pas prendre en charge WebGL

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:

Ou:

Votre navigateur prend en charge WebGL

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.

En relation :  Comment créer vos propres codes QR à partir de votre iPhone ou téléphone Android

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.

En relation :  Premiers pas avec HealthKit: Partie 2

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:

Apprentissage technique approfondi sur Microsoft Edge et la plate-forme Web par nos ingénieurs et évangélistes:

Plus d’outils et de ressources multiplateformes gratuits pour la plateforme Web:

Moyens Staff
Moyens I/O Staff vous a motivé, donner des conseils sur la technologie, le développement personnel, le style de vie et des stratégies qui vous aider.