samedi 18 octobre 2014

Mis à jour de cordova (phonegap) de 2.x vers 3.x pour une application existante

Aujourd'hui, je vais vous montrer comment mettre à jour la version de cordova 2.x vers 3.x pour un projet existant.
Je suppose que vous avez installé cordova avec nodejs.
Je prend ici le cas d'une mise à jour d'une version 2.x vers 3.x.

Commençons d'abord de mettre à jour cordova vers la dernière version:

sudo npm update -g cordova

en linux ou

update -g cordova

en windows

Puis, on va créer un nouveau projet cordova à partir du source (dossier www) de l'ancien projet, pour cela dans l'invite de commande,
aller sur le dossier où on désire créer le nouveau projet puis on tape,

cordova create nomDuDossierDuProjet com.test.app  --copy-from=cheminVersAncienDossierWWW

A changer 'com.test.app' par le nom de votre application et 'cheminVersAncienDossierWWW' par le chemin de votre  dossier www de l'ancien projet et 'nomDuDossierDuProjet' par le nom du dossier de votre projet.

Aller sur le nouveau dossier créé à savoir 'nomDuDossierDuProjet' avec :

cd nomDuDossierDuProjet

et ajouter la plateforme désiré (dans notre cas android)

cordova platform add android

Alors un dossier android sous le dossier platforms s'ajoute.

Puis, vous devez installer les plugins nécessaires, par exemple le gestionnaire de réseaux pour permettre l'accès à un webservice distant (org.apache.cordova.network-information)


cordova plugin add org.apache.cordova.network-information

Une fois, fait, on compile le projet avec

cordova build android


Je suppose que vous travaillez avec l'ADT, il faut, donc importer le projet dans l'ADT pour cela, il faut suivre les étapes suivantes:

  • Fichier > Nouveau > Projet,
  • Choisir Android > Projet android à partir d'un code existant, > Suivant
  • Choisir le dossier du projet/platforms/android > cocher les 2 projets compilés (cordova et votre projet), vous pouvez cocher 'copier le projet dans le workspace', et cliquer sur finir
Vous aurez votre projet importé dans eclipse, vous pouvez configurer votre application dans rest/xml/config.xml (restreindre l'accès à l'extérieur avec
 <access origin="@ip" />
permettre la communication qu'avec le webservice par exemple) et créer par exemple votre icone launcher dans le ficher manifest.xml.

J'espère que j'étais le plus clair possible, j'attends vos feedbacks.

0 commentaires :

Enregistrer un commentaire