Créer une application Cordova pour iOS à l'aide de Parallels

Cet article explique comment créer des applications hybrides à l'aide d'Apache Cordova dans Visual Studio et comment les déployer sur iOS à l'aide de Parallels. Pour cela, vous avez besoin des éléments suivants :

• Xcode sur OS X

• Node JS sur OS X

• Windows 7 ou 8+

• Parallels sur OS X ou une solution d'ordinateur virtuel similaire

• Visual Studio 2013 Pro+ avec Update 4 sur Windows

• Visual Studio Tools for Apache Cordova CTP 3.0 sur Windows

N'importe quel Mac pouvant exécuter Mavericks ou Yosemite, comme un MacBook Pro 2013, doit pouvoir prendre en charge Parallels et Visual Studio.

Configurer Parallels

Pour installer Parallels et Windows 8 sur votre Mac, suivez les instructions fournies avec Parallels. Une fois que vous avez installé Parallels et Windows 8, déterminez s'il est nécessaire d'accroître la mémoire RAM et l'espace de stockage de votre ordinateur virtuel, car les valeurs par défaut ne sont peut-être pas suffisantes. L'illustration suivante montre des exemples de paramètres dans Parallels.

Dans l'environnement que nous avons testé, nous avons attribué à l'ordinateur virtuel 2 processeurs et 3 Go de RAM avec 8 Go de RAM sur le Mac. Cela nous a permis d'obtenir de bonnes performances dans Windows, tout en laissant suffisamment de mémoire à OS X.

Configurer Node.js avec vs-mda-remote

Une fois Parallels opérationnel, vous pouvez configurer votre Mac. Vous devez d'abord installer Node.js sur OS X. Pour cela, suivez les instructions sur le site http://nodejs.org.

Après avoir installé Node.js, obtenez l'agent vs-mda-remote. L'agent distant permet à Visual Studio de communiquer avec OS X et d'utiliser votre Mac comme service de build. Vous pouvez installer vs-mda-remote en ouvrant l'application Terminal sur votre Mac et en tapant la commande suivante :

sudo npm install -g vs-mda-remote

La commande précédente installe l'agent vs-mda-remote pour tous les utilisateurs de Node.js sur votre Mac. Elle installe également ios-sim, qui est une dépendance (nous utiliserons ios-sim plus tard). Si vous ne souhaitez pas que d'autres utilisateurs utilisent l'agent vs-mda-remote, supprimez l'indicateur –g de la commande pour installer uniquement l'agent pour l'utilisateur actuel.

Important

Si Node.js affiche des messages d'erreur, il peut s'avérer nécessaire de démarrer d'abord Xcode et d'accepter un ou plusieurs contrats de licence.Ensuite, réexécutez la commande précédente.

Assurez-vous que Parallels est en cours d'exécution. Une fois vs-mda-remote installé, démarrez l'agent en tapant la commande suivante dans l'application Terminal.

vs-mda-remote

Notes

Par défaut, vos builds iOS apparaissent dans ~/remote_builds/.

Quand vous exécutez vs-mda-remote pour la première fois, l'agent crée des certificats de sécurité et vous devez voir des informations semblables à celles figurant sur l'illustration suivante.

Vous devez utiliser le code confidentiel quand vous configurez l'agent dans Visual Studio. L'agent vs-mda-remote est maintenant opérationnel. Laissez l'application Terminal ouverte.

Obtenir l'adresse IP sur votre Mac

Une fois Parallels en cours d'exécution, la méthode la plus fiable pour se connecter depuis Parallels au côté Mac consiste à utiliser l'une des adresses IP vnic, celles-ci restant généralement identiques entre chaque redémarrage. Vous pouvez obtenir ces adresses IP en accédant à l'application Terminal et en tapant la commande suivante :

ifconfig

Le résultat doit ressembler à ce qui suit.

Utilisez l'une ou l'autre des adresses IP vnic. Avec vs-mda-remote en cours d'exécution et une adresse IP vnic prête à utiliser, vous pouvez ouvrir Visual Studio dans Parallels et commencer la génération sur le Mac.

Configurer Visual Studio en vue d'utiliser vs-mda-remote

Une fois Visual Studio ouvert dans Parallels, choisissez Outils, puis Options. Ouvrez Tools for Apache Cordova, puis choisissez Remote Agent Configuration. Apportez les modifications suivantes aux paramètres de l'agent distant.

• Affectez à Enable remote iOS processing la valeur True.

• Affectez à Host l'une des adresses IP vnic obtenues précédemment.

• Utilisez la valeur Port par défaut (3000).

• Affectez à Security PIN le code confidentiel affiché lors de la première exécution de vs-mda-remote.

Notes

Si vous ne voyez pas Tools for Apache Cordova dans la boîte de dialogue Options, il vous faudra peut-être installer les outils.Utilisez le lien au début de cet article pour obtenir les outils.(Si les outils sont déjà installés, essayez de cocher la case Afficher tous les paramètres si elle est présente en bas de la boîte de dialogue Options.)

Si votre code confidentiel de sécurité arrive à expiration, vous devrez peut-être régénérer vos certificats. Pour plus d'informations, consultez Installer les outils de génération pour iOS.

Générer votre projet pour iOS

Ensuite, assurez-vous que votre projet est configuré de manière à être généré pour iOS. Si la liste Plateformes Solution n'apparaît dans votre barre d'outils de débogage, vous pouvez l'afficher en cliquant sur la flèche déroulante à droite de la barre d'outils de débogage, comme indiqué dans l'illustration suivante.

Sélectionnez iOS dans la liste Plateformes Solution. Ensuite, sélectionnez l'appareil pour lequel vous souhaitez générer votre projet dans la liste Cible de débogage (par exemple, Simulateur – iPhone 5).

Après avoir sélectionné l'appareil souhaité, choisissez le bouton Démarrer le débogage (flèche droite verte). Visual Studio génère votre projet et confie certaines des tâches de génération à vs-mda-remote. Une fois la génération terminée, vs-mda-remote démarre le simulateur et charge votre application.

Vous disposez maintenant d'un environnement de développement d'applications mobiles hybrides opérationnel pour iOS reposant sur Visual Studio et Parallels. Vous pouvez développer votre application Cordova et la tester facilement dans iOS.

Lors de sessions de développement ultérieures après un arrêt, vous devrez redémarrer vs-mda-remote. Comme décrit précédemment, ouvrez simplement l'application Terminal dans OS X et tapez la commande suivante à la ligne de commande :

vs-mda-remote 

Bonne chance dans le développement de votre prochaine application mobile !