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 avez besoin d’un système exécutant macOS X 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 (https://docs.phonegap.com/en/4.0.0/guide_cli_index.md.html#The%20Command-Line%20Interface)
Pour iOS : pour développer pour iPhone et iPad, vous avez besoin d’Apple Xcode IDE.
- Téléchargez-le gratuitement ici.
- Guide de la plateforme PhoneGap iOS (
https://docs.phonegap.com/en/4.0.0/guide_platforms_ios_index.md.html#iOS%20Platform%20Guide)
Pour Android™ : pour développer pour iPhone et iPad, vous avez besoin de Google Android™ Stuido IDE.
- Téléchargez-le gratuitement ici.
- Guide de la plateforme PhoneGap Android™ (
https://docs.phonegap.com/en/4.0.0/guide_platforms_android_index.md.html#Android%20Platform%20Guide)
Téléchargement de Source download-the-source
Une fois que vous avez démarré votre environnement de développement, téléchargez la source à partir de la mosaïque AEM App Build :
- Cliquez sur le chevron du menu déroulant de la mosaïque PhoneGap Build.
- Cliquez sur Télécharger Source.
- Sélectionnez la source souhaitée dans le modal Télécharger Source .
- 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.
https://phonegap.com/blog/2014/11/13/phonegap-cli-3-6-3/).- 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 s’ouvre lors de l’exécution de votre application PhoneGap nouvellement créée, indiquant "Prêt pour l’appareil" si le Bridge JavaScript natif est opérationnel.
Débogage de JavaScript avec Safari et débogage IOS debug-javascripts-with-safari-and-ios-debug
Vous pouvez déboguer 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 afin de pouvoir 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 en regard 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 suivante, entrer et sortir des méthodes :
Les étapes suivantes the-next-steps
Une fois que vous avez appris à développer des applications avec l’interface de ligne de commande PhoneGap, reportez-vous à la section Accès aux fonctionnalités d’appareil.