Entwickeln von Apps mit PhoneGap CLI developing-apps-with-phonegap-cli
- der universelle Editor zum visuellen Bearbeiten von Headless-Inhalten.
- der Inhaltsfragmenteditor zur formularbasierten Bearbeitung von Headless-Inhalten
Als Entwickler können Sie Ihre App jederzeit auf einem Gerät oder in einem Emulator ausführen, vorausgesetzt, Sie haben Ihre Entwicklungsumgebung konfiguriert.
Zum Ausführen der folgenden Beispiele benötigen Sie ein System, auf dem macOS X mit Xcode ausgeführt wird, oder ein Mac/Win/Linux-System mit installiertem Android™ SDK.
Bootstrap der Entwicklungsumgebung bootstrap-your-development-environment
PhoneGap CLI einrichten (https://docs.phonegap.com/en/4.0.0/guide_cli_index.md.html#The%20Command-Line%20Interface)
Für iOS: Für die Entwicklung für iPhones und iPads benötigen Sie die Xcode-IDE von Apple.
- Laden Sie es kostenlos herunter hier.
- PhoneGap iOS-Plattformhandbuch (
https://docs.phonegap.com/en/4.0.0/guide_platforms_ios_index.md.html#iOS%20Platform%20Guide)
Für Android™: Um für iPhones und iPads zu entwickeln, benötigen Sie die Android™ Studio-IDE von Google.
- Laden Sie es kostenlos herunter hier.
- PhoneGap Android™-Plattformhandbuch (
https://docs.phonegap.com/en/4.0.0/guide_platforms_android_index.md.html#Android%20Platform%20Guide)
Source herunterladen download-the-source
Wenn Sie das Bootstrapping für Ihre Entwicklungsumgebung erfolgreich durchgeführt haben, laden Sie die -Quelle aus der AEM-App-Build-Kachel herunter:
- Klicken Sie auf den Dropdown-Pfeil der PhoneGap Build-Kachel.
- Klicken Sie auf Source herunterladen.
- Wählen Sie die gewünschte Quelle aus dem Modal Source herunterladen aus.
- Klicken Sie auf Herunterladen und speichern Sie die ZIP-Datei auf Ihrem Computer.
- Extrahieren Sie die heruntergeladene ZIP-Datei in Ihren Arbeitsbereich.
Erstellen und Laden der App (aus der Quelle) build-and-load-the-app-from-source
Die PhoneGap-CLI kann ein Platform-Projekt erstellen, die Quelle kompilieren und die App in einem einzigen Befehl bereitstellen.
https://phonegap.com/blog/2014/11/13/phonegap-cli-3-6-3/).- Stellen Sie sicher, dass Sie PhoneGap CLI installiert haben, siehe oben.
- Navigieren Sie in einem Konsolen- (oder Terminal-) Fenster zum Stammverzeichnis der extrahierten Quelle.
- Geben Sie den folgenden Befehl ein:
phonegap run android
// -- or -- //
phonegap run ios
- Erstellen eines Ordners (mkdir-Test)
- Navigieren Sie zu diesem neuen Ordner (CD-Test)
- Führen Sie
phonegap create helloWorldaus. - Navigieren Sie zur helloWorld (cd helloWorld)
- Führen Sie
phonegap run androidaus (oder ersetzen Sie Android™ wie oben beschrieben durch iOS). - Der Emulator öffnet, indem die neu erstellte PhoneGap-App ausgeführt wird, und sagt „Gerätebereit“, wenn der native JavaScript Bridge zu funktioniert.
Debugging von JavaScript mit Safari und IOS Debug debug-javascripts-with-safari-and-ios-debug
Sie können JavaScript Ihrer App mit den Entwickler-Tools von Safari wie mit einer Web-Anwendung debuggen.
Aktivieren der Safari-Entwickler-Tools enable-safari-developer-tools
So aktivieren Sie die Entwickler-Tools:
-
Safari-Voreinstellungen öffnen
- Klicken Sie in der Menüleiste auf Safari .
- Klicken Sie auf Voreinstellungen
-
Klicken Sie im Fenster der Voreinstellungen auf Erweitert .
- Aktivieren Sie „Entwicklungsmenü in Menüleiste anzeigen“.
- Schließen des Voreinstellungsfensters
Verbinden von Safari mit iOS connect-safari-to-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 die 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
- Click home.html
Debuggen von JavaScript mit dem Web-Inspektor von Safari debug-javascript-with-safari-s-web-inspector
Sie können Haltepunkte an einer beliebigen Stelle in Ihrer Quelle festlegen. Wenn Sie mit Ihrem Emulator oder Gerät interagieren, stoppt die Ausführung Ihrer App an diesen Haltepunkten. Sie können durch die laufenden Schritte gehen und die Werte in Variablen überprüfen.
- Klicken Sie im Fenster Web-Inspektor auf Ressourcen .
- Navigieren Sie zum Quellbaum und klicken Sie auf die gewünschte Quelldatei
- Klicken Sie auf die Zeilennummer neben Breakpoint hinzufügen
- Interagieren mit einem Gerät oder Emulator
- Verwenden Sie die Schaltflächen, um die Ausführung fortzusetzen, mit den Methoden umzugehen, einen Schritt zurückzugehen, einen Schritt hinein zu gehen und einen Schritt heraus zu gehen:
Die nächsten Schritte the-next-steps
Nachdem Sie sich mit der Entwicklung von Apps mit PhoneGap CLI vertraut gemacht haben, lesen Sie Zugriff auf Gerätefunktionen.