Configurer le service cloud Adobe PhoneGap Build

REMARQUE

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

Le PhoneGap Build Tile sur le 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 seront créées avec le PhoneGap Build lors de la publication d’une compilation distante avec la mosaïque PhoneGap Build.

Vous pouvez pousser une build distante vers https://build.phonegap.com ou télécharger la source pour construire localement avec PhoneGap CLI.

Mosaïque PhoneGap Build

Configuration du service cloud

Pour exploiter pleinement PhoneGap Build, vous devez configurer le service cloud PhoneGap Build d’AEM à l’aide de vos informations de 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 de PhoneGap Build est principal, accédez à votre console de gestion AEM Cloud, en particulier au Cloud Service PhoneGap Build (http://localhost:4502/etc/cloudservices/phonegap-build.html).

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

Utilisation de la mosaïque Gérer les Cloud Services

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

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

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

    chlimage_1-61

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

    Cliquez sur Next (Suivant).

    chlimage_1-62

  3. Entrez vos informations d’identification pour créer une nouvelle configuration de cloud.

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

    chlimage_1-63

Développement d’une application avec PhoneGap Build

Une fois que vous avez configuré les services cloud, vous pouvez créer votre application à l’aide de la mosaïque PhoneGap Build. Cliquez sur dans le coin supérieur droit pour choisir l'une des options Build Remote ou Download Source.

chlimage_1-64

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

REMARQUE

Si la compilation échoue pour une raison quelconque (l’icône iOS rouge ci-dessous indique que la plateforme a échoué), vous pouvez survoler l’icône à l’aide du pointeur pour voir 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 directement votre création.

Création de votre application avec l'interface de ligne de commande de PhoneGap

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 compilation.

Pour tirer parti de l'interface de ligne de commande de PhoneGap, vous devez configurer votre environnement local pour inclure :

  1. Le SDK spécifique à la plateforme (iOS, Android, WindowsPhone, etc.) et,
  2. La ligne de commande de PhoneGap

Vous pouvez en lire plus ici.

Une fois que vous avez installé les pré-requis, effectuez un test simple en créant une application simple et en l’exécutant soit dans votre simulateur, soit encore mieux sur votre périphérique, à partir d’un test de terminal :

phonegap create myApp
cd myApp
phonegap run ios (or android, ...)
REMARQUE

ajoutez —emulate à la fin de cette ligne si vous ne voulez pas l'exécuter sur votre périphérique 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 la source. Enregistrez et décompressez le fichier ZIP sur le système local. Une fois cela fait :

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

Ressources supplémentaires

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 :

Sur cette page