Utveckla appar med PhoneGap CLI developing-apps-with-phonegap-cli
Som utvecklare kan du när som helst köra programmet på en enhet eller i en emulator, förutsatt att du har konfigurerat utvecklingsmiljön.
För att köra följande exempel behöver du ett system som kör macOS X med Xcode, eller ett Mac/Win/Linux-system med Android™ SDK installerat.
Bootstrap din utvecklingsmiljö bootstrap-your-development-environment
Konfigurera PhoneGap CLI (https://docs.phonegap.com/en/4.0.0/guide_cli_index.md.html#The%20Command-Line%20Interface)
För iOS: För att utveckla för iPhone och iPad behöver du Apple Xcode IDE.
- Hämta den kostnadsfritt här.
- Plattformshandbok för PhoneGap iOS (
https://docs.phonegap.com/en/4.0.0/guide_platforms_ios_index.md.html#iOS%20Platform%20Guide)
För Android™: För att utveckla för iPhone och iPad behöver du Google Android™ Studio IDE.
- Hämta den kostnadsfritt här.
- Plattformshandbok för PhoneGap Android™ (
https://docs.phonegap.com/en/4.0.0/guide_platforms_android_index.md.html#Android%20Platform%20Guide)
Ladda ned Source download-the-source
När du har startat utvecklingsmiljön hämtar du källan från AEM App Build Tile:
- Klicka på den nedrullningsbara menyn PhoneGap Build.
- Klicka på Hämta Source.
- Välj önskad källa i Ladda ned Source modal.
- Klicka på Hämta och spara ZIP-filen på datorn.
- Extrahera den hämtade ZIP-filen till arbetsytan.
Skapa och läsa in appen (från källa) build-and-load-the-app-from-source
PhoneGap CLI kan skapa ett plattformsprojekt, kompilera källan och distribuera appen med ett enda kommando.
https://phonegap.com/blog/2014/11/13/phonegap-cli-3-6-3/).- Kontrollera att du har installerat PhoneGap CLI, se ovan.
- I ett konsolfönster (eller terminalfönster) går du till rotkatalogen för den extraherade källan.
- Ange följande kommando:
phonegap run android
// -- or -- //
phonegap run ios
- Skapa en mapp (mkdir test)
- Navigera till den nya mappen (cd test)
- Kör
phonegap create helloWorld - Navigera till helloWorld (cd helloWorld)
- Kör
phonegap run android(eller ersätt Android™ med iOS enligt ovan). - Emulatorn öppnar och kör din nya PhoneGap-app med texten"Device Ready" om JavaScript Bridge till native fungerar.
Felsöka JavaScript med Safari och IOS-felsökning debug-javascripts-with-safari-and-ios-debug
Du kan felsöka appens JavaScript med utvecklarverktygen i Safari, på samma sätt som med ett webbprogram.
Aktivera Safari Developer Tools enable-safari-developer-tools
Så här aktiverar du utvecklarverktygen:
-
Öppna Safaris inställningar
- Klicka på Safari i menyraden
- Klicka på Inställningar
-
Klicka på Avancerat i inställningsfönstret
- Markera "Visa menyn Framkalla i menyraden"
- Stäng inställningsfönstret
Ansluta Safari till iOS connect-safari-to-ios
Du kan ansluta Safari till en iOS-enhet eller emulator.
- Navigera till rotkatalogen för den extraherade källan i ett konsolfönster.
- Ange följande kommando så att du kan starta programmet på enheten eller emulatorn.
phonegap run <platform> --device
// -- or -- //
phonegap run <platform> --emulator
- Öppna Safari
- Klicka på Utveckla på menyraden
- Välj undermenyn iOS Simulator
- Klicka på home.html
Felsöka JavaScript med Safaris webbinspektör debug-javascript-with-safari-s-web-inspector
Du kan ange brytpunkter var som helst i källan. När du interagerar med emulatorn eller enheten slutar appen att köras vid dessa brytpunkter. Du kan stega dig igenom körningen och kontrollera värdena i variabler.
- Klicka på Resurser i webbinspektören
- Navigera i källträdet och klicka på den önskade källfilen
- Klicka på radnumret bredvid för att lägga till en brytpunkt
- Interagera med enhet eller emulator
- Använd kontrollknapparna för att fortsätta köra, stega över, stega in i och ta bort metoder:
Nästa steg the-next-steps
När du har lärt dig mer om hur du utvecklar appar med PhoneGap CLI läser du Åtkomst till enhetsfunktioner.