Importer un projet Cordova sous Android Studio

 

Après avoir créer votre projet Cordova, il parait judicieux de l’importer sous Android Studio pour développer votre application. Je vous montre comment le faire et résoudre les problèmes qui pourraient se présenter.

 

Au préalable

Je vous invite à installer Cordova et initialiser un projet avant de passer à l’importation sous Android Studio. Tout est expliqué dans l’article Installation de Cordova et initialisation d’un projet.

 

Importer un projet cordova android sous Android Studio

Le cas présenté ici et celui d’un projet cordova android initialisé sans aucun changement opéré sur le code : vous n’avez pas commencé à bosser sur votre projet.

Démarrez Android Studio, la fenêtre suivante s’affiche :
 
Android_Studio0

Cliquez pour agrandir

 

Cliquez sur Import project, la fenêtre suivante s’affiche :
Android_Studio01

Cliquez pour agrandir

Naviguez dans l’arborescence de votre projet, sélectionnez le dossier android (\monProjet\platforms\android) et cliquez sur le bouton OK.

La fenêtre suivante s’affiche :

Android_Studio02

Cliquez pour agrandir

Dans cette fenêtre, cliquez sur le bouton OK. La fenêtre de traitement suivante s’affiche :

Android_Studio03

Cliquez pour agrandir

Android Studio s’ouvre avec votre projet en mentionnant que la version d’Android du projet est absente :

Android_Studio04

Cliquez pour agrandir

Cliquez sur le lien Install missing platform(s) and sync project pour corriger le problème. La fenêtre de téléchargement du sdk Android manquant s’affiche :

Android_Studio05

Cliquez pour agrandir

Puis lorsque c’est terminé, cliquez sur le bouton Finish de la fenêtre suivante :

Android_Studio06

Cliquez pour agrandir

La fenêtre suivante indique que Android Studio fait bosser Gradle :
Android_Studio07

Cliquez pour agrandir

Et une incompatibilité Android Gradle apparait comme suit :
Android_Studio08

Cliquez pour agrandir

Il suffit de cliquer sur le lien Fix plugin version and sync project, pour après quelques secondes avoir votre projet correctement configuré pour Android Studio :
Android_Studio09

Cliquez pour agrandir

 

Les problèmes d’import de projet cordova android sous Android Studio

Ici nous sommes dans le cas d’un projet avancé qui pourrait faire apparaitre quelques petites erreurs lors de l’importation.

Problème lié à la version du sdk

Le message d’erreur suivant apparait :
Android_Studio_A

Cliquez pour agrandir

Il suffit de modifier la version du sdk requis dans 2 fichiers build.gradle.

Le premier à la racine du projet :
Android_Studio_B

Cliquez pour agrandir

Le second dans le dossier CordovaLib du projet :
Android_Studio_C

Cliquez pour agrandir

Un fois modifiés, faites un Clean project comme suit :
Android_Studio_D

Cliquez pour agrandir

Puis un Rebuild project comme suit :
Android_Studio_E

Cliquez pour agrandir

Voyez le résultat :
Android_Studio_F

Cliquez pour agrandir

Mais ce n’est pas terminé, puisqu’il faut refaire un Clean project pour que le projet prenne la bonne forme sous Android Studio :
Android_Studio_GCliquez pour agrandir

Et voilà le résultat :
Android_Studio_HCliquez pour agrandir

J’espère que cet article vous aura aidé et si c’est le cas, n’hésitez pas à le crier sur les toits ou encore laissez un commentaire.

 

Posté dans androidTaggé cordova android studio, import cordova android studio  |  Laisser un commentaire

Répondre