Konfigurieren des Adobe PhoneGap Build-Cloud-Service

HINWEIS

Adobe empfiehlt die Verwendung des SPA-Editors für Projekte, für die ein frameworkbasiertes clientseitiges Rendering für einzelne Seiten (z. B. React) erforderlich ist. Weitere Informationen

Der Bereich PhoneGap Build im Anwendungs-Dashboard bietet die Möglichkeit, Ihre PhoneGap-Mobile App über den Adobe PhoneGap Build-Dienst zu erstellen und zu verteilen.

Alle unterstützten Plattformen, die in der Kachel App verwalten definiert sind, werden beim Pushen eines Remote-Builds mit der Kachel PhoneGap Build mit PhoneGap Build erstellt.

Sie können einen Remote-Build an https://build.phonegap.com pushen oder die Quelle herunterladen, um sie lokal mit PhoneGap CLI zu erstellen.

Bereich „PhoneGap-Build“

Konfigurieren des Cloud-Dienstes

Um PhoneGap Build nutzen zu können, müssen Sie den AEM PhoneGap Build-Cloud-Service mit den Kontoinformationen für PhoneGap Build konfigurieren.

Wenn Sie derzeit kein Konto haben, navigieren Sie zu https://build.phonegap.com und melden Sie sich an! Wenn Sie über eine Adobe Creative Cloud-Mitgliedschaft verfügen, können Sie bis zu 25 private Apps (Nicht-Open-Source-Apps) unterstützen.

Nachdem Sie überprüft haben, ob Ihr PhoneGap Build-Konto aktiv ist, navigieren Sie zu Ihrer AEM Cloud Management Console, insbesondere zum PhoneGap Build (http://localhost:4502/etc/cloudservices/phonegap-build.html).

Verwenden Sie die Kachel Cloud Services verwalten , um eine neue Cloud Service-Konfiguration zu konfigurieren.

Verwenden der Kachel Cloud Services verwalten

Bevor Sie mit der Erstellung Ihrer App mithilfe der Kachel PhoneGap Build beginnen, müssen Sie Ihre Cloud-Services mithilfe der Kachel Cloud Services verwalten im AEM Mobile-Dashboard konfigurieren.

Gehen Sie wie folgt vor, um Cloud-Services für Ihre App zu konfigurieren:

  1. Klicken Sie oben rechts in der Kachel Cloud Services verwalten .

    chlimage_1-61

  2. Wählen Sie die Option PhoneGap Build im Bildschirm Cloud Service hinzufügen oder bearbeiten aus.

    Klicken Sie auf Weiter.

    chlimage_1-62

  3. Geben Sie Ihre Anmeldedaten ein, um eine neue Cloud-Konfiguration zu erstellen.

    Klicken Sie nach der Überprüfung auf Submit. Diese konfigurierte Cloud-Konfiguration wird jetzt in der Kachel Cloud Services verwalten angezeigt.

    chlimage_1-63

Erstellen einer App mit PhoneGap Build

Nachdem Sie die Cloud-Services konfiguriert haben, können Sie Ihre Anwendung mit der Kachel PhoneGap Build erstellen. Klicken Sie in der oberen rechten Ecke auf die Option Remote erstellen oder Quelle herunterladen .

chlimage_1-64

Um einen Remote-Build mit Adobe PhoneGap Build aufzurufen, klicken Sie auf Build Remote.

HINWEIS

Wenn die Erstellung des Builds aus irgendeinem Grund fehlschlägt (das rote iOS-Symbol unten zeigt einen Fehler für diese Plattform an), können Sie den Mauszeiger über das Symbol bewegen, um die Fehlermeldung anzuzeigen. Alternativ können Sie auf den dreifachen Punkt '…' klicken unten in der Kachel, um direkt zu https://build.phonegap.com zu navigieren (Sie müssen sich authentifizieren) und Ihren Build direkt zu beobachten und zu verwalten.

Erstellen Ihrer Anwendung mit PhoneGap CLI

PhoneGap bietet eine Befehlszeilenschnittstelle zum lokalen Erstellen Ihrer Anwendung.

Kompilieren Sie die PhoneGap-Anwendung mithilfe der PhoneGap-Befehlszeilenschnittstelle (CLI) auf Ihrem Computer. Um den AEM Inhalt in Ihre Anwendung aufzunehmen, erstellt AEM eine ZIP-Datei, die den Inhalt Ihrer Mobile App, Konfigurationen zur Inhaltssynchronisierung und andere erforderliche Assets enthält. Laden Sie die ZIP-Datei herunter und fügen Sie sie in Ihren Build ein.

Um die Befehlszeilenschnittstelle von PhoneGap nutzen zu können, müssen Sie Ihre lokale Umgebung so einrichten, dass Folgendes enthalten ist:

  1. Plattform-SDK (iOS, Android, WindowsPhone usw.)
  2. PhoneGap-CLI

Sie können mehr hier lesen.

Nachdem Sie die Voraussetzungen installiert haben, testen Sie sie anhand eines einfachen Tests, indem Sie eine einfache App erstellen und sie entweder in Ihrem Simulator oder besser auf Ihrem Gerät ausführen lassen, und zwar von einem Terminal aus:

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

Fügen Sie am Ende dieser Zeile —emulate hinzu, wenn Sie sie nicht auf Ihrem verbundenen Gerät ausführen möchten.

Nachdem Sie überprüft haben, ob das oben beschriebene funktioniert, verwenden Sie die Kachel PhoneGap Build in Download-Quelle. Speichern und entzippen Sie die Datei auf Ihr lokales System. Danach:

  • Navigieren zu dieser gespeicherten Datei (Ordner)
  • Führen Sie 'phonegap run ios' aus (oder android usw.)

Zusätzliche Ressourcen

Informationen zu den Rollen und Zuständigkeiten von Autoren und Entwicklern finden Sie in den folgenden Ressourcen:

Auf dieser Seite