Partager via

Accéder à un projet Cordova natif

  • Article

Cet article fait référence à Visual Studio Tools pour Apache Cordova, qui correspond à la version préliminaire du logiciel. Les fonctionnalités décrites sont dans l'aperçu et sont sujettes à modification. Vous pouvez télécharger l'aperçu à partir du Centre de téléchargement Microsoft.

Quand vous créez une application à l'aide de Visual Studio Tools for Apache Cordova, Visual Studio appelle l'interface de ligne de commande (CLI) d'Apache Cordova pour générer votre application pour l'appareil ou l'émulateur spécifié. Les packages résultants sont accessibles dans le dossier bin du répertoire de projet Visual Studio.

Si vous devez accéder à un projet natif spécifique à une plateforme, vous pouvez le trouver dans le dossier bld\configuration\platforms\plateforme (par exemple bld\Debug\platforms\android) pour votre projet Visual Studio. (Les projets natifs iOS ne sont pas stockés à cet emplacement ; consultez Générer une application iOS en utilisant un projet natif.)

Quand vous ciblez Windows Phone 8, le projet natif généré par Cordova pour Windows Phone est une application Silverlight qui s'exécute à l'intérieur d'un contrôle WebView. Quand vous ciblez Windows Phone (universel), le projet généré est une application Windows Store native (un package APPX) pour Windows Phone 8.1.

Avertissement

Les modifications que vous apportez à un projet natif n'apparaîtront pas dans le projet, dans Visual Studio.Le contenu du dossier bld sera supprimé par une opération de nettoyage effectuée depuis Visual Studio, comme Nettoyer la solution.

Générer une application en utilisant un projet natif

Si vous voulez générer une application en utilisant le projet natif, vous devez d'abord installer l'interface de ligne de commande de Cordova. Si vous générez pour iOS, consultez la section suivante.

Pour générer une application en utilisant un projet natif

  1. Installez l'interface de ligne de commande de Cordova en tapant la commande suivante à une invite de commandes :

    npm install -g cordova@4.0.0

  2. Pour exécuter des commandes CLI à partir d'une invite de commandes, accédez au dossier bld\configuration, par exemple à bld\Debug, et entrez une commande CLI.

    Vous pouvez maintenant exécuter des commandes CLI Cordova pour le projet natif. Pour plus d'informations sur les commandes CLI, consultez la section relative à l'interface de ligne de commande dans la documentation Cordova.

  3. Si vous voulez générer des projets à l'aide de l'interface de ligne de commande de Cordova, ajoutez d'abord la plateforme :

    cordova platform add <platform>

    Par exemple, pour inclure Android dans l'ensemble de projets à générer, tapez cordova platform add android.

    Utilisez ensuite la commande suivante pour générer tous les projets spécifiques à la plateforme :

    cordova build

Générer une application iOS en utilisant un projet natif

Comme vous ne pouvez pas créer une application iOS sous Windows, la génération pour iOS en utilisant le projet natif requiert quelques étapes supplémentaires.

Pour générer une application iOS

  1. Sur votre Mac, installez node.js.

  2. Sur votre Mac, installez l'interface de ligne de commande de Cordova à l'aide de cette commande :

    sudo npm install -g cordova@4.0.0

  3. Copiez le contenu du dossier Visual Studio bld\Debug, bld\Release ou bld\Distribution de votre PC vers votre Mac.

  4. En utilisant l'application Terminal, accédez au dossier où vous avez copié le contenu et tapez la commande suivante :

    cordova platform add ios

    Vous pouvez maintenant exécuter n'importe quelle autre commande CLI Cordova, par exemple :

    cordova build ios

    ou :

    cordova emulate ios

    Pour plus d'informations sur les commandes CLI, consultez la section relative à l'interface de ligne de commande dans la documentation Cordova.

Si vous voulez accéder au projet Xcode natif, vous pouvez le trouver dans le dossier platforms/ios sur votre Mac.

Utilisation de la commande Cordova serve

La commande Cordova serve vous permet de tester la disposition et les feuilles de style CSS sous-jacentes de votre application sur un serveur web local. Elle est souvent utile avant de passer aux tests sur l'appareil.

Notes

Cette version ne prend pas en charge l'application Adobe PhoneGap Developer depuis Visual Studio. Cependant, l'interface CLI de Cordova prend en charge la même commande serve que celle qui est utilisée par l'application PhoneGap Developer.

Pour exécuter votre application sur un serveur web local en utilisant un projet natif

  1. Tapez la commande suivante à partir du dossier bld/configuration de votre projet Visual Studio avant d'utiliser serve :

    cordova prepare <platform>

    Par exemple, pour une application Android, vous pouvez taper cordova prepare android.

  2. Ensuite, exécutez cette commande pour démarrer l'hôte du serveur web :

    cordova serve <platform>

    La sortie de cette commande inclut l'URL que vous pouvez utiliser pour accéder à votre application.

  3. Ouvrez un navigateur et accédez à l'URL fournie.

Avertissement

Dans cette version, vous devez régénérer l'application pour mettre à jour son contenu.

Voir aussi

Concepts

Prise en main de Visual Studio Tools for Apache Cordova

Autres ressources

FAQ