PhoneGap Tuto Partie 2: Créer une application facilement avec Phonegap Desktop

Apache Cordova est devenu le nouveau nom du projet Phonegap après que le code source du projet ai été donné à la Fondation Apache lors de son rachat par par Adobe System.

 

 

 

La mise en place de Cordova est bien plus fastidieuse qu’avec PhonaGap Desktop. Avant de pouvoir commencer à développer l’application, il faut tout d’abord installer l’environnement de travail. Cordova est installable via l’invite de commande de votre ordinateur.

Mais pour ce faire, il faut tout d'abord:

 

  • Installer les outils de base JAVA : JRE (Java Runtine Environment) et JDK (Java Development Kit).

 

screenshot java

 

  • Téléchargez et installez Apache Ant, et ajoutez son dossier \bin à la variable d’environnement PATH.

  • Ensuite il faut également installer les SDK de chaque système d'exploitation. Cela nous permet d'avoir toutes les versions de chaque plate-forme et permet de tester le code de l'application sur différents émulateurs de plate-formes.

 

  • Ensuite, pour installer Cordova command line, il faut installer Node.js afin d’accéder aux commandes node et npm via l'interface de commande, ainsi que le Git client ce qui permettra l'installation de cordova mais aussi des différents plugins dont on pourrait avoir besoin.

 

screenshot git

 

Il ne reste plus qu'à aller sur votre interface de commande (entrez cmd dans la barre de recherche de votre ordinateur) et taper les bonnes commandes afin d'installer et créer l'application.

 

  • Pour installer Cordova il faut entrer la ligne de commande :

    npm install –g cordova

 

  • Pour créer le code source de l'application :

 

cordova create test com.exemple.test Hello

 

“test” crée un répertoire sur votre ordinateur pour le projet

“com.exemple.test” fournit un identifiant pour le projet

“Hello” est le titre d'affichage de l'application

Pour cette étape, soyez sûr du chemin d’accès de votre projet. Vous pouvez facilement changer le repertoire dans lequel vous voulez créer votre projet (en tapant tous simplement la commande cd c://exemples/exemple/dossier1 avant de créer celui-ci)

 

  • Ensuite, on peut rajouter les différentes plate-formes sur lesquels nous voulons faire marcher l'application avec la commande :

 

cordova platform add android

cordova platform add ios

 

Cependant, certaines plate-formes ne peuvent être ajouté que si l'on travaille sous certains  systèmes d'exploitation particuliers (pour IOS il faut être sous MAC, pour Windows et Windows Phone il faut être sous Windows.)

 

Une fois cela fait, il ne vous reste plus qu’à compiler l’application ainsi créé pour la plate-forme que vous voulez avec la commande:

 

cordova build android

 

Vous pouvez ensuite la tester via émulateur avec la commande:

 

cordova run android

 

Ou alors récupérer le fichier (ici .apk) qui se trouve dans le dossier “platform” du projet créé et le lire directement avec un smartphone android.

 

Il ne vous reste plus qu’à modifier votre code selon vos envies en allant dans le dossier “www” de votre projet ou vous trouverez les fichiers html, css et javascript.

Plugins

Avec Cordova il est possible d’intégrer des plugins qui vous permettront d’utiliser les fonctionalités du téléphone. Voici une liste des plugins “Core”, bien entendu il en existe bien plus créés par des contributeurs au projet Apache Cordova.

 

Surveiller l'état de la batterie de l'appareil.

Capturer une photo en utilisant la caméra de l'appareil.

Ajoutez des capacités supplémentaires à console.log().

Travailler avec la base de données contacts périphériques.

Recueillir de l'information spécifique de périphérique.

Utiliser lle détecteur de mouvement de l'appareil.

Obtenir la direction vers laquelle pointe l'appareil.

Notifications visuels dans l’appareil.

Crochet dans le système de fichier natif via JavaScript.

Crochet dans le système de fichier natif via JavaScript.

Donner votre emplacement de l'application.

Permettre la représentation d'objets spécifiques aux paramètres régionaux.

Lancer URL dans une autre instance du navigateur ou dans l’app.

Enregistrer et lire des fichiers audio.

Capturer les fichiers multimédias à l'aide des applications de capture des médias de l'appareil.

Vérifier rapidement l'état du réseau et des informations sur le réseau cellulaire.

Afficher et masquer l'écran de démarrage des applications.

Pour faire vibrer l'appareil.

Une API pour montrer, cacher et configurer le fond de la barre de statut.

Un plugin pour les requêtes réseau liste blanche. Vous devez l’installer pour toutes les demandes réseau dans vos applications.

Un plugin pour utiliser l'ancien style de liste blanche avant que celui-ci ne soit changé en plugin whitelist.

Pour installer un plugin, vous devez tapez la commande suivante dans l’interface de commande:

 

cordova plugin add cordova-plugin-exemple