Installation Cordova – PhoneGap sur Mac OSX

Nous allons découvrir comment installer le framework PhoneGap et l’utiliser à travers l’IDE Coda.

PhoneGap

Adobe PhoneGap ou seulement PhoneGap est un framework destiné à faciliter la création d’applications mobiles pour différentes plateformes – Android, iOS, Windows Phone. Développé par Adobe Systems, il est basé sur Apache Cordova et distribué sous licence open-source.

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.

Installation de PhoneGap

I. Installation des pré-requis

PhoneGap requiert Node.js pour fonctionner :

$ apt-get update

$ apt-get install nodejs npm

Par la suite vous pouvez installer phonegap.

$ npm install -g phonegap@latest

Sous OS X il sera potentiellement nécessaire d’exécuter la commande avec le préfixe sudo.

Une fois ces étapes réalisées

II. Initialiser un projet

Vous pouvez créer un script bash et exécuter les commandes suivantes afin de créer votre projet phonegap

<code class="language-bash">#! /bin/bash
phonegap create MonApplication net.supersonique.monapplication MonApplication
cd MonApplication

# Builds (Platforms)
phonegap platform add ios
phonegap platform add wp8
phonegap -V build windows
phonegap -V build amazon-fireos
phonegap -V build android
phonegap -V build blackberry10
phonegap -V build firefoxos
</code>

Un projet de la forme suivante sera créé :

MonApplication/
——————- hooks/
——————- platforms/
——————- plugins/
——————- res/
——————- www/

 

III. Lier le projet à travers Coda et l’exécuter

1) Créer le projet coda

  • Initialiser un projet coda et choisir le même répertoire que celui de PhoneGap
  • Sélectionnez le dossier www
  • Sélectionnez le fichier index.html et faites vos modifications

2) SDK

Dans un terminal lancez

<code class="language-bash">$ android</code>

Dans le sdk manager sélectionnez l’API 23.

Vous pouvez maintenant compiler votre application de la manière suivante :

<code class="language-bash">$ phonegap build android
</code>
<code class="language-bash">$ phonegap run android</code>

Le run se fait automatiquement sur votre android connecté par câble, sinon utilisez l’émulateur du sdk manager ou en tapant :

<code class="language-bash">$ phonegap emulate android</code>
5.00 avg. rating (96% score) - 5 votes