Digital Dynamics
L'informatique innovante et abordable

Dernière mise à jour : lun. 12 oct. 2015, 13:41

Installer PhoneGap / Cordova sous environnement Linux Ubuntu

PhoneGap est un framework (environnement de développement) vous permettant de compiler une application mobile de type HTML, jQuery Mobile en application native Android, iPhone ou Windows, pour les formats les plus connus, sans avoir la moindre connaissance de Java ou Cocoa.

PhoneGap est développé par Adobe sur la base du projet Apache Cordova et distribué sous licence Open-Source.

De quoi ai-je besoin pour créer des applications mobiles ?

Tout d'abord, il vous faut un ordinateur disposant d'une bonne trentaine de giga-octets libres, principalement pour les divers composants du SDK android. Si vous disposez d'un ordinateur équipé de Windows ou Mac OSX et que vous ne désirez pas migrer votre système vers Ubuntu, vous pouvez installer Ubuntu sur un support amovible (clé USB, disque dur externe ou carte SD). De cette façon, vous ne modifiez en rien votre système existant.

 

Installer PhoneGap et ses composants

Mise à jour du système

sudo apt-get update
sudo apt-get upgrade

Installer npm

sudo apt-get install npm

Mise à jour de Python

sudo apt-get install python-software-properties python g++ make

Installer nodeJs

Nous allons ajouter une source pour récupérer la dernière version de node.js

sudo add-apt-repository ppa:chris-lea/node.js
sudo apt-get update

Puis installer Node.js

sudo apt-get install nodejs

Installer PhoneGap

sudo npm install -g phonegap

Installer Cordova

sudo npm install -g cordova

Installer Ant

sudo apt-get install ant

Installer le SDK Android (Kit de dévoppement Android)

Télécharger le fichier "SDK Tools Only" sur cette page ou android-sdk_r24.3.4-linux.tgz en téléchargement direct

Décompresser l'archive vers "/usr/local/android-sdk-linux"

cd ~/Downloads
sudo mv android* /usr/local
cd /usr/local
sudo tar zxvf android*
sudo chmod -R ugo+rwx android-sdk-linux

Installer Java (JDK + JRE)

sudo apt-get install openjdk-7-jre
sudo apt-get install openjdk-7-jdk

Mettre à jour les variables d'environnement

Ouvrir le fichier ".profile" pour le modifier

gedit ~/.profile

Ajouter ces lignes tout à la fin du fichier. Attention de ne pas les mettre au milieu des instructions existants (blocs IF / FI).

export ANDROID_HOME="/usr/local/android-sdk-linux"
export PATH=${PATH}:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools:$ANDROID_HOME/platforms

Enregistrer les changements, fermer la session et la rouvrir pour prendre en compte les changement.

Mise à jour de C/C++

Apparemment, ceci n'est nécessaire que pour les systèmes 64-bit, cependant l'installation de ces paquets ne devrait pas nuire aux systèmes 32-bit.

sudo apt-get install lib32stdc++6
sudo apt-get install lib32z1

Mise à jour de vos composants Android

Ouvrir une fenêtre du terminal taper le mot "android" + valider

Vous devriez voir apparaître une fenêtre "Android SDK Manager".

Installer les composants nécessaires:

  • l'ensemble des "Tools",
  • l'ensemble des composants de l'API Android le plus récent (le 6.0 à l'heure où j'écris ce tutoriel),
  • les "Extras" compatibles avec Linux.

Utilisation de PhoneGap / Cordova

Création d'un projet

Créer un répertoire et y accéder

cd ~/Desktop/MyApps
cordova create firstApp

Ajouter la plateforme Android

Se rendre dans le répertoire racine de votre projet et ajouter la plateforme android

cd firstApp
cordova platform add android

Compilation de votre application

Toujours dans le répertoire racine de votre projet.

Une fois votre application compilée, vous la trouverez dans le dossier <nom-projet>/platforms/android/build/outputs/apk

cordova build android

Gestion des plugins

Les plugins sont des outils complémentaires qui vous permettront d'intéragir avec les éléments matériels de l'appareil mobile (Micro, Appareil Photo, GPS, etc.) ou les fonctionnalités du système (Reconnaissance vocale, Capture vidéo, Envoi de mails, SMS, etc.).

Une liste très riche de plugins officiels est disponible à cette adresse.

# Ajout d'un plugin
cordova plugin add nom-du-plugin

# Suppression d'un plugin
cordova plugin add nom-du-plugin

# Liste des plugins installés
cordova plugin -ls

 

L'informatique facile et expliquée