Table des matières

Apache Cordova

Apache Cordova ou plus anciennement Apache Callback ou PhoneGap, est un framework open-source développé par la Fondation Apache. Il permet de créer des applications mobiles pour différentes plates-formes (Android, iOS, Windows 8…) en HTML, CSS et JavaScript. Les applications qui en résultent sont hybrides, ce qui signifie qu'elles ne sont ni vraiment natives, ni purement basées sur les langages HTML, CSS et JavaScript.

Ressources utiles :

Ubuntu

Version de test : Ubuntu 14.04 LTS.

Installation

  1. Télécharger le Android SDK sur developer.android.com
  2. Décompresser et placer le dans votre dossier personnel par exemple : ~/Android
  3. Ajouter le chemin vers les SDK dans le fichier :
    1. nano ~/.bashrc
    2. Placer au début du fichier PATH=$PATH ~/Android/Sdk/platform-tools: ~/Android/Sdk/tools. Ctl-O (écrire), Ctl-q (quitter).
    3. Puis redémarrer pour être sûr (ou faire source ~/.bashrc
  4. Télécharger les mises à jour ou ajouts : android update sdk –no-ui
  5. Installer Nodejs
  6. Installer Apache Cordova : npm install -g cordova (ou avec sudo ?)
  7. Installer Apache Ant (obligatoire ?) : sudo apt-get -u install ant

Configurer son téléphone

Il est possible de tester son application directement sur son téléphone connecté en USB. L'autre option est d'ouvrir un émulateur sur votre ordinateur, mais cela semble plus lent.

Sur votre téléphone :

  1. Paramètres > Outils pour développeur. Cocher “Deboguer USB”

Pour Ubuntu, il faut :

  1. créer un fichier “51-android.rules” : sudo curl –create-dirs -L -o /etc/udev/rules.d/51-android.rules -O -L https://raw.githubusercontent.com/snowdream/51-android/master/51-android.rules
  2. donner les perimissions : sudo chmod a+r /etc/udev/rules.d/51-android.rules
  3. redémarrer : sudo service udev restart; sudo reboot
  4. au redémarrage, vous devriez voir votre téléphone connecté en USB : adb devices
List of devices attached 
xxxxxxxxxxxxxx	device

Créer un projet

  1. Créer un dossier pour votre projet : cd ~/Projects; mkdir helloWorld, cd helloWorld
  2. Créer une application Cordova : ordova create workshop com.yourname.workshop Workshop
  3. cd workshop
  4. Ajouter la plateforme Android : cordova platform add android
  5. Ajouter des plugins basiques :
    1. cordova plugin add org.apache.cordova.device
    2. cordova plugin add org.apache.cordova.console
  6. Lancer l'application sur votre téléphone : cordova run android

Dossier Cordova

  • The www folder is where you will code your HTML / JavaScript application. Open the index.html file in a browser to see the default application created by the Cordova CLI.
  • The platforms folder is where Cordova will build your application for different platforms (iOS, Android, etc). The contents of this folder will be automatically generated by the Cordova CLI, and you should never edit code in that directory.
  • Plugins are installed in the plugins directory.
  • Application parameters (name, author, etc) are stored in config.xml.

Géolocalisation