Visual Studio 2015 et Apache Cordova – Partie 1

Ce qu’apporte Cordova

Impossible pour un site web classique de solliciter un client via son smartphone sans passer par les canaux classiques que sont le SMS et l’email. Cordova offre une dimension supplémentaire aux développeurs web jusque-là pratiquement inaccessible : les fonctionnalités du terminal sur lequel il installe l’application. Les notifications, la géolocalisation, le vibreur, l’appareil photo, le stockage, … Toutes ces capacités, hors de portées des développements web orientés mobile et pourtant essentielles, permettent d’atteindre la cible d’un produit de manière bien plus efficace.

Pour permettre d’utiliser les technologies du web en environnement natif, Cordova va produire une application au cours de l’étape de compilation comportant deux choses primordiales :

  • Une application contenant un contrôle de type WebView, navigateur web intégré
  • Une série de ressources pour embarquer les fichiers de l’application web

cordova

Très peu de code est nécessaire pour intégrer les API Cordova à une page web existante, il suffit d’ajouter un fichier JavaScript fictif disponible uniquement après compilation :

<script src="cordova.js"></script>

Enfin, il est possible de s’attacher à un évènement spécifique afin de détecter que l’API est disponible et prête à être utilisée :

document.addEventListener("deviceready", onDeviceReady, false);
 function onDeviceReady() { /* CODE D'INITIALISATION */ }

Quoi de nouveau dans Visual studio

Afin de favoriser le développement multiplateforme grâce à Cordova, Visual studio s’étoffe d’un nouveau type de projet sous les catégories JavaScript et TypeScript.

nouveau visual studio

En plus d’initialiser le développement avec une arborescence basique, l’IDE se voit aussi doté de deux nouveaux émulateurs.

arborescence basique IDE

Emulateur Android

Le premier est tout nouveau et vient directement concurrencer son petit frère : il s’agit de l’émulateur Android intégré à Visual Studio. Il est donc possible désormais de lancer et de débugger son application sur un émulateur Android directement depuis Visual Studio. Parmi les améliorations proposées, on notera un temps de lancement extrêmement plus rapide que son homologue. De plus, il est possible de stimuler certaines API du terminal comme l’accéléromètre ou encore le GPS.

emulateur android

Emulateur Ripple

Le second, lui aussi un produit de la Fondation Apache, se nomme Ripple. Il s’agissait à l’origine d’une extension chrome ayant notamment pour but le test et la stimulation des apis des applications Cordova dans un environnement sensiblement plus rapide. Visual studio, non content de le lancer dans une fenêtre chrome (ouverture impressionnante de la part de Microsoft), ne s’arrête pas là. Il est possible, une fois l’émulateur lancé, de modifier le code source de son application et de voir le contenu de l’émulateur se mettre à jour de façon autonome pour absorber élégamment le temps de lancement du mode debug habituel.

émulateur ripple

Visual Studio devrait très bientôt aller encore plus loin et proposer de déployer pour vous l’application sur un terminal physique et de vous permettre de la débugger tout aussi facilement qu’en local. A l’heure où cet article est rédigé, il existe toujours un bug connu empêchant le debug de s’activer sur un terminal physique. En revanche, l’application est belle et bien déployée en lancée. Ce bug est dors et déjà répertorié, on peut donc affirmer que la correction de cette fonctionnalité ne devrait pas se faire attendre. Android, iOS et Windows Phone sont maintenant à portée des développeurs web de tous niveaux, mais pas seulement.

Il est important de noter que Cordova ne se cantonne pas aux applications mobiles. Il est aussi possible de réaliser des applications pour Windows 8 ou encore Ubuntu.

Visual Studio 2015 et Apache Cordova – Partie 3

Ne ratez plus aucune actualité avec la newsletter mensuelle de SoftFluent

Newsletter SoftFluent