Configuration de votre Cloud Service Adobe PhoneGap Build configure-your-adobe-phonegap-build-cloud-service

NOTE
Adobe recommande d’utiliser l’éditeur SPA pour les projets nécessitant un rendu côté client, basé sur un framework, pour une application à une seule page (comme React). En savoir plus.

La mosaïque PhoneGap Build du tableau de bord de l'application permet de créer et de distribuer votre application mobile PhoneGap via le service Adobe PhoneGap Build.

Toutes les plateformes prises en charge définies dans la mosaïque Gérer l’application sont créées avec le PhoneGap Build lors de la publication d’une version distante avec la mosaïque PhoneGap Build.

Vous pouvez pousser une version distante vers https://build.phonegap.com ou télécharger la source à créer localement avec l’interface de ligne de commande PhoneGap sur https://docs.phonegap.com/references/phonegap-cli/.

Mosaïque PhoneGap Build

Configuration du Cloud Service configuring-the-cloud-service

Pour tirer parti du PhoneGap Build, vous devez configurer le Cloud Service PhoneGap Build d’AEM avec les informations de votre compte PhoneGap Build.

Si vous n’avez pas encore de compte, accédez à https://build.phonegap.com et inscrivez-vous ! Si vous disposez d’un abonnement Adobe Creative Cloud, vous pouvez prendre en charge jusqu’à 25 applications privées (applications non open source).

Une fois que vous avez vérifié que votre compte PhoneGap Build est actif, accédez à votre console de gestion du cloud AEM, en particulier au Cloud Service de PhoneGap Build (http://localhost:4502/etc/cloudservices/phonegap-build.html).

Utilisez la mosaïque Gérer les Cloud Service pour configurer une nouvelle configuration de service cloud.

Utilisation de la mosaïque Gestion des Cloud Service using-manage-cloud-services-tile

Avant de commencer à créer votre application à l’aide de la mosaïque PhoneGap Build, vous devez configurer vos services cloud à l’aide de la mosaïque Gérer les Cloud Service du tableau de bord AEM Mobile.

Pour configurer les services cloud pour votre application, procédez comme suit :

  1. Cliquez sur le coin supérieur droit de la mosaïque Gérer les Cloud Service .

    chlimage_1-61

  2. Sélectionnez l'option PhoneGap Build dans l'écran Ajouter ou modifier le Cloud Service .

    Cliquez sur Suivant.

    chlimage_1-62

  3. Saisissez vos informations d’identification pour pouvoir créer une configuration cloud.

    Une fois la vérification effectuée, cliquez sur Submit. Cette configuration de cloud configurée s’affiche désormais dans la mosaïque Gérer les Cloud Service .

    chlimage_1-63

Création de votre application avec PhoneGap Build building-your-application-with-phonegap-build

Une fois que vous avez configuré les services cloud, vous pouvez créer votre application avec la mosaïque PhoneGap Build. Cliquez sur le coin supérieur droit pour choisir parmi les options Créer à distance ou Télécharger Source .

chlimage_1-64

Pour appeler une version distante avec Adobe PhoneGap Build, cliquez sur Build Remote.

NOTE
Si la version échoue pour une raison quelconque (l’icône rouge iOS ci-dessous indique que la plateforme a échoué), vous pouvez pointer sur l’icône pour obtenir le message d’erreur. Vous pouvez également cliquer sur le point triple "…" au bas de la mosaïque pour accéder directement à https://build.phonegap.com (vous devez vous authentifier) et regarder et gérer votre version directement.

Création de votre application avec l’interface de ligne de commande PhoneGap building-your-application-with-phonegap-cli

PhoneGap fournit une interface de ligne de commande pour créer votre application localement.

Compilez l’application PhoneGap sur votre ordinateur à l’aide de l’interface de ligne de commande PhoneGap (CLI). Pour inclure le contenu AEM dans votre application, AEM crée un fichier ZIP qui contient le contenu de votre application mobile, les configurations de synchronisation de contenu et d’autres ressources requises. Téléchargez le fichier ZIP et incluez-le dans votre version.

Pour tirer parti de l’interface de ligne de commande de PhoneGap, vous devez configurer votre environnement local afin d’inclure :

  1. SDK Platform (iOS, Android™, Windows Phone, etc.) et,
  2. Interface de ligne de commande de PhoneGap

Vous pouvez en lire plus ici : https://docs.phonegap.com/references/phonegap-cli/.

Une fois que vous avez installé les conditions préalables requises, effectuez un test simple en créant une application simple et en l’exécutant dans votre simulateur ou mieux encore sur votre appareil, à partir d’une tentative de terminal :

phonegap create myApp
cd myApp
phonegap run ios (or android, ...)
NOTE
Ajoutez —emulate à la fin de cette ligne si vous ne souhaitez pas l’exécuter sur votre appareil connecté.

Une fois que vous avez vérifié que les éléments ci-dessus fonctionnent, utilisez la mosaïque PhoneGap Build pour Télécharger Source. Enregistrez et décompressez le fichier sur votre système local. Une fois cette opération effectuée :

  • accéder à ce fichier enregistré (dossier) ;
  • exécutez "phonegap run ios" (ou android, etc.)

Ressources supplémentaires additional-resources

Pour en savoir plus sur les rôles et les responsabilités d’un auteur et d’un développeur, consultez les ressources ci-dessous :

recommendation-more-help
2eeeb575-8007-40cc-a72d-206fbc4ddd4b