Comment installer PhoneGap et créer votre première application pour mobiles


Depuis quelque temps je m'intéresse au développement pour mobiles et plus précisément pour Android et iOS.

Pour coder une application mobile, on peut le faire de deux manières, soit développer en code natif du mobile, soit créer une application hybride (html, css et JavaScript) qui sera ensuite portée sur chaque plateforme. Dans le premier cas, cela oblige à connaître le langage des trois environnements (Android, iOS et Windows Mobile).

PhoneGap permet de développer des applications hybrides et de les porter sur chaque plateforme mobile grâce à PhoneGap Build.

1. Installer Node.js

Node.js permet de disposer de la commande npm permettant d’installer des paquets ou des applications en ligne de commande.
Pour installer node.js, rendez-vous à cette adresse : https://nodejs.org/en/




Pour vérifier que l'installation s'est bien déroulée, lancer dans un Terminal la commande :
node -v

Ici, j'obtiens la version de node.js que je viens d'installer : 5.7.0

Vous pouvez exécuter la commande suivante pour afficher les paramètres de configuration actuels:
; cli configs 
user-agent = "npm/3.6.0 node/v5.7.0 darwin x64"

; node bin location = /usr/local/bin/node
; cwd = /Users/humandigitalis
; HOME = /Users/humandigitalis
; "npm config ls -l" to show all defaults.


2. Installer PhoneGap sur l’ordinateur

Ouvrir un terminal et utiliser la ligne de commande
sudo npm install –g phonegap

3. Créer l’application sur l’ordinateur

Toujours dans l’invite de commande, déplacez-vous à l’endroit où vous souhaitez créer le projet de votre application. Par exemple si vous voulez travailler sur le bureau, utilisez :
cd Desktop 
Puis
phonegap create myApp
myApp étant le nom de l’application que vous souhaitez créer.

4. Démarrer PhoneGap et ouvrir l’application

Lancer l'application PhoneGap et ouvrez votre projet d'application mobile :


5. Installer PhoneGap sur le mobile


Installer PhoneGap sur votre mobile. Il existe une version pour chaque plateforme. Vous la trouverez dans dans AppStore favoris.

Lancer PhoneGap sur votre mobile et connectez l’application à l’adresse communiquée par l’application de votre ordinateur.

 Si besoin saisir http://192.168.0.16:3000 puis Connect pour lancer l'émulateur.

Voici l'application. Vous pouvez maintenant apporter les modifications dans votre code et voir en direct le résultat sur votre mobile.

6. Générer l’application pour toutes les plateformes mobiles


Une fois que votre application est développée et prête à être diffusée, vous devez transformer votre application hybride en application utilisable sur Android, iOS et Windows Mobile. Pour ce faire rendez-vous sur le site PhoneGap Build pour générer le format de chaque plateforme mobile. Evidemment, vous pouvez très bien ne vouloir que l’application Android mais pas iOS. Aucun, problème c’est vous qui décidez J


J’espère que ce billet avec les étapes pour développer votre application mobile avec PhoneGap vous sera utile. N’hésitez-pas à commenter cet article…

Commentaires

Posts les plus consultés de ce blog

Comment mettre en place le thème Dark dans Netbeans ?

Tutoriel Apache Cordova - Créer sa première application

L'outil ultime pour développeur web : Aptana Studio 3

Comment installer Android Studio sur Ubuntu / elementary OS ?

Obligation du blogueur professionnel - Mention légale