Entwickeln von Apps mit PhoneGap CLI

Als Entwickler können Sie Ihre App jederzeit auf einem Gerät oder in einem Emulator ausführen, sofern Sie Ihre Entwicklungs-Umgebung konfiguriert haben.

Um die folgenden Beispiele auszuführen, benötigen Sie ein System, das OSx (Mac) mit Xcode oder ein Mac/Win/Linux-System mit installiertem Android SDK ausführt.

Bootstrap Ihrer Umgebung für Entwicklung

Setup PhoneGap CLI

Für iOS: Zur Entwicklung für iPhones und iPads benötigen Sie die Xcode-IDE von Apple.

• Laden Sie es kostenlos hier herunter.
• Handbuch zur PhoneGap iOS-Plattform

Für Android: Für die Entwicklung für iPhones und iPads benötigen Sie die Google Android Stuido IDE.

• Laden Sie es kostenlos hier herunter.
• Handbuch zur PhoneGap Android-Plattform

Quelle herunterladen

Laden Sie die Umgebung nach dem erfolgreichen Hochladen der App-Entwicklung aus der AEM App-Build-Kachel herunter:

• Klicken Sie auf das PhoneGap Build Dropdown Chevron.

• Klicken Sie auf Quelle herunterladen.
• Wählen Sie die gewünschte Quelle aus dem Modal Quelle herunterladen.

• Klicken Sie auf Herunterladen und speichern Sie die ZIP auf Ihrem Computer.
• Extrahieren Sie die heruntergeladene ZIP-Datei in Ihren Arbeitsbereich.

Erstellen und laden Sie die App (aus der Quelle)

PhoneGap CLI kann ein Plattformprojekt erstellen, die Quelle kompilieren und die App in einem einzigen Befehl bereitstellen.

1. Vergewissern Sie sich, dass Sie PhoneGap CLI installiert haben (siehe oben).
2. Navigieren Sie in einem Konsolenfenster (oder Terminalfenster) zum Stammverzeichnis der extrahierten Quelle.
3. Geben Sie den folgenden Befehl ein:

phonegap run android

// -- or -- //

phonegap run ios

Debuggen von Javascripts mit Safari- und IOS-Debugging

Sie können die JavaScripts Ihrer App mit den Entwicklerwerkzeugen von Safari debuggen, genau wie bei einer Webanwendung.

Safari Developer Tools aktivieren

So aktivieren Sie die Entwicklerwerkzeuge:

• Safari-Voreinstellungen öffnen

  • Klicken Sie in der Menüleiste auf Safari
  • Klicken Sie auf Voreinstellungen

• Klicken Sie im Fenster "Voreinstellungen"auf Erweitert

• Aktivieren Sie "Entwicklungsmenü in der Menüleiste anzeigen".
• Fenster "Voreinstellungen"schließen

Verbinden von Safari mit iOS

Sie können Safari entweder mit einem iOS-Gerät oder Emulator verbinden.

• Navigieren Sie in einem Konsolenfenster zum Stammverzeichnis der extrahierten Quelle.
• Geben Sie den folgenden Befehl ein, um Ihre App auf Ihrem Gerät oder Emulator zu starten.

phonegap run <platform> --device

// -- or -- //

phonegap run <platform> --emulator

• Safari öffnen
• Klicken Sie in der Menüleiste auf Entwickeln
• Untermenü "iOS Simulator"auswählen
• Klicken Sie auf home.html

Debuggen von JavaScript mit dem Webinspektor von Safari

Sie können Haltepunkte an einer beliebigen Stelle in der Quelle festlegen. Wenn Sie mit Ihrem Emulator oder Gerät interagieren, wird die Ausführung der App an diesen Haltepunkten beendet. Sie können die Ausführung schrittweise durchführen und die Werte in Variablen überprüfen.

• Klicken Sie im Fenster des Webinspektors auf "Ressourcen"
• Navigieren Sie zur Quellstruktur und klicken Sie auf die gewünschte Quelldatei
• Klicken Sie auf die Zeilennummer neben, um einen Haltepunkt hinzuzufügen
• Mit Gerät oder Emulator interagieren

• Verwenden Sie die Steuerungsschaltflächen, um die Ausführung fortzusetzen, einen Schritt über die Methoden zu führen, Schritte zu gehen und die Methoden zu verlassen:

Die nächsten Schritte

Sobald Sie Informationen zum Entwickeln von Apps mit der PhoneGap-CLI erhalten haben, finden Sie unter Zugreifen auf Gerätefunktionen.