Apps ontwikkelen met PhoneGap CLI developing-apps-with-phonegap-cli
Als ontwikkelaar kunt u uw app op elk gewenst moment op een apparaat of in een emulator uitvoeren, op voorwaarde dat u de ontwikkelomgeving hebt geconfigureerd.
Voor het uitvoeren van de volgende voorbeelden hebt u een systeem nodig waarop OSx (Mac) met Xcode wordt uitgevoerd, of een Mac/Win/Linux-systeem waarop de Android SDK is geïnstalleerd.
Bootstrap uw ontwikkelomgeving bootstrap-your-development-environment
Voor iOS: Voor het ontwikkelen voor iPhones en iPads hebt u Apple Xcode IDE nodig.
- Gratis downloaden hier.
- Handleiding bij PhoneGap iOS-platform
Voor Android: Voor het ontwikkelen voor iPhones en iPads hebt u Google Android Stuido IDE nodig.
- Gratis downloaden hier.
- Handleiding bij PhoneGap Android-platform
De bron downloaden download-the-source
Als u de ontwikkelomgeving hebt opgestart, downloadt u de bron van de AEM App Build Tile:
- Klik op de PhoneGap Build tieldropdown chevron.
- Klik op Bron downloaden.
- Selecteer de gewenste bron in het modaal van de Download Source.
- Klik op Downloaden en sla het ZIP-bestand op uw computer op.
- Extraheer het gedownloade ZIP-bestand naar uw werkruimte.
App maken en laden (van bron) build-and-load-the-app-from-source
PhoneGap CLI kan een platformproject tot stand brengen, de bron compileren, en app in één enkele bevel opstellen.
- Controleer of u PhoneGap CLI hebt geïnstalleerd, zie hierboven.
- Navigeer in een consolevenster (of terminalvenster) naar de hoofdmap van de uitgepakte bron.
- Voer de volgende opdracht in:
phonegap run android
// -- or -- //
phonegap run ios
- Een nieuwe map maken (mkdir-test)
- Navigeren naar deze nieuwe map (cd-test)
- 'phonegap create helloWorld' uitvoeren
- Navigeer in helloWorld (cd helloWorld)
- Voer 'phonegap run android (of vervang android door ios as above) uit.
- Emulator opent de uitvoering van de zojuist gemaakte PhoneGap-app met de tekst 'Apparaatklaar' als de JavaScript-bridge naar native actief is.
Fouten opsporen in JavaScript met Safari- en IOS-foutopsporing debug-javascripts-with-safari-and-ios-debug
U kunt fouten in JavaScripts van uw app opsporen met de ontwikkelaarsprogramma's van Safari, net als bij een webtoepassing.
Safari Developer Tools inschakelen enable-safari-developer-tools
De gereedschappen voor ontwikkelaars inschakelen:
-
Safari-voorkeuren openen
- Klik op Safari in de menubalk
- Klik op Voorkeuren
-
Klik op Geavanceerd in het venster Voorkeuren
- Schakel "Ontwikkelmenu tonen in menubalk" in
- Het venster Voorkeuren sluiten
Safari verbinden met iOS connect-safari-to-ios
U kunt Safari verbinden met een iOS-apparaat of emulator.
- Navigeer in een consolevenster naar de hoofdmap van de uitgepakte bron.
- Voer de volgende opdracht in om uw toepassing op uw apparaat of emulator te starten.
phonegap run <platform> --device
// -- or -- //
phonegap run <platform> --emulator
- Safari openen
- Klik op Ontwikkelen in de menubalk
- Het submenu iOS Simulator selecteren
- Klik op home.html
Foutopsporing in JavaScript met Safari's webcontrole debug-javascript-with-safari-s-web-inspector
U kunt onderbrekingspunten overal in de bron instellen. Wanneer u met uw emulator of apparaat werkt, stopt de uitvoering van uw app bij deze onderbrekingspunten. U kunt door de uitvoering stappen en de waarden in variabelen inspecteren.
- Klik Middelen in het venster van de Inspecteur van het Web
- Navigeren in de bronstructuur en klikken op het gewenste bronbestand
- Klik op het regelnummer naast om een onderbrekingspunt toe te voegen
- Interactie met apparaat of emulator
- Gebruik de bedieningsknoppen om door te gaan met uitvoeren, stap over, stap in en stap uit van methoden:
De volgende stappen the-next-steps
Als u eenmaal geleerd hebt over het ontwikkelen van toepassingen met PhoneGap CLI, raadpleegt u Apparaatfuncties openen.