Développement d’applications avec l’interface de ligne de commande PhoneGap developing-apps-with-phonegap-cli
En tant que développeur, vous pouvez à tout moment exécuter votre application sur un appareil ou dans un émulateur, à condition d’avoir configuré votre environnement de développement.
Pour exécuter les exemples suivants, vous aurez besoin d’un système exécutant OSx (Mac) avec Xcode ou d’un système Mac/Win/Linux avec le SDK Android installé.
Bootstrap de votre environnement de développement bootstrap-your-development-environment
Configuration de l’interface de ligne de commande PhoneGap
Pour iOS : Pour développer pour iPhone et iPad, vous avez besoin d’Apple Xcode IDE.
- Téléchargez-le gratuitement here.
- Guide de la plateforme PhoneGap iOS
Pour Android : Pour développer pour iPhone et iPad, vous avez besoin de Google Android Studio IDE.
- Téléchargez-le gratuitement here.
- Guide de la plateforme PhoneGap Android
Téléchargement de la source download-the-source
Une fois que vous avez correctement redémarré votre environnement de développement, téléchargez la source à partir de la mosaïque AEM App Build :
- Cliquez sur le chevron de la liste déroulante PhoneGap Build.
- Cliquez sur Télécharger la source.
- Sélectionnez la source souhaitée dans le modal Source de téléchargement .
- Cliquez sur Télécharger et enregistrez le fichier ZIP sur votre ordinateur.
- Extrayez le fichier zip téléchargé dans votre espace de travail.
Création et chargement de l’application (à partir de la source) build-and-load-the-app-from-source
L’interface de ligne de commande de PhoneGap peut créer un projet de plateforme, compiler la source et déployer l’application dans une seule commande.
- Vérifiez que vous avez installé l’interface de ligne de commande PhoneGap, voir ci-dessus.
- Dans une fenêtre de console (ou de terminal), accédez au répertoire racine de la source extraite.
- Saisissez la commande suivante :
phonegap run android
// -- or -- //
phonegap run ios
- Création d’un dossier (test mkdir)
- Accédez à ce nouveau dossier (test cd)
- Exécutez "phonegap create helloWorld"
- Accédez à helloWorld (cd helloWorld).
- Exécutez "phonegap run android (ou remplacez android par ios comme ci-dessus).
- L’émulateur ouvre l’exécution de votre application PhoneGap nouvellement créée, indiquant "Prêt pour l’appareil" si le pont JavaScript vers natif est opérationnel.
Débogage des scripts JavaScript avec Safari et débogage IOS debug-javascripts-with-safari-and-ios-debug
Vous pouvez déboguer les scripts JavaScript de votre application à l’aide des outils de développement de Safari, comme vous le feriez avec une application web.
Activation des outils de développement Safari enable-safari-developer-tools
Pour activer les outils de développement :
-
Ouvrez les préférences de Safari.
- Cliquez sur Safari dans la barre de menus.
- Cliquez sur Préférences
-
Cliquez sur Avancé dans la fenêtre Préférence .
- Cochez la case Afficher le menu Développer dans la barre de menus .
- Fermez la fenêtre Préférences
Connexion de Safari à iOS connect-safari-to-ios
Vous pouvez connecter Safari à un appareil iOS ou à un émulateur.
- Dans une fenêtre de console, accédez au répertoire racine de la source extraite.
- Saisissez la commande suivante pour lancer votre application sur votre appareil ou émulateur.
phonegap run <platform> --device
// -- or -- //
phonegap run <platform> --emulator
- Ouvrir Safari
- Cliquez sur Développer dans la barre de menus.
- Sélectionner le sous-menu du simulateur iOS
- Cliquez sur home.html
Débogage de JavaScript avec l’Inspecteur Web de Safari debug-javascript-with-safari-s-web-inspector
Vous pouvez définir des points d’arrêt n’importe où dans votre source. Lorsque vous interagissez avec votre émulateur ou appareil, l’exécution de votre application s’arrête à ces points d’arrêt. Vous pouvez parcourir l’exécution et inspecter les valeurs des variables.
- Cliquez sur Ressources dans la fenêtre Inspecteur Web .
- Parcourez l’arborescence source et cliquez sur le fichier source souhaité.
- Cliquez sur le numéro de ligne adjacent pour ajouter un point d’arrêt.
- Interaction avec l’appareil ou l’émulateur
- Utilisez les boutons de contrôle pour continuer l’exécution, passer à l’étape supérieure, entrer et sortir des méthodes :
Les étapes suivantes the-next-steps
Une fois que vous avez appris à propos du développement d’applications avec l’interface de ligne de commande de PhoneGap, voir Accès aux fonctionnalités du périphérique.