Apps ontwikkelen met PhoneGap CLI developing-apps-with-phonegap-cli

CAUTION
AEM 6.4 heeft het einde van de uitgebreide ondersteuning bereikt en deze documentatie wordt niet meer bijgewerkt. Raadpleeg voor meer informatie onze technische ondersteuningsperioden. Ondersteunde versies zoeken hier.
NOTE
Adobe raadt aan de SPA Editor te gebruiken voor projecten die renderen op basis van één pagina voor toepassingsframework op de client-side vereisen (bijvoorbeeld Reageren). Meer informatie.

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

PhoneGap CLI instellen

Voor iOS: Voor het ontwikkelen voor iPhones en iPads hebt u Apple Xcode IDE nodig.

Voor Android: Voor het ontwikkelen voor iPhones en iPads hebt u Google Android Stuido IDE nodig.

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.

chlimage_1-45

  • Klik op Bron downloaden.
  • Selecteer de gewenste bron in het modaal van de Download Source.

chlimage_1-46

NOTE
De ontwikkelingsbron bevat de meest recente status van uw app en bevat niet-gefaseerde wijzigingen. Gebruik de Staging-bron voor het samenstellen van releasekandidaten voor het indienen bij leveranciers van App Store.
Als u uw app nooit plaatst, wordt de testworkflow geactiveerd wanneer u Staging selecteert (tip: deze verschijnt als een gefaseerde app in de PhoneGap Enterprise Viewer-app (beschikbaar in de AppStore en Google PlayStore).
  • 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.

NOTE
U kunt al deze stappen afzonderlijk uitvoeren, zie PhoneGap CLI-documenten.
  1. Controleer of u PhoneGap CLI hebt geïnstalleerd, zie hierboven.
  2. Navigeer in een consolevenster (of terminalvenster) naar de hoofdmap van de uitgepakte bron.
  3. Voer de volgende opdracht in:
phonegap run android

// -- or -- //

phonegap run ios
NOTE
Als er op dit moment problemen zijn, ga dan terug naar de basis om problemen op te lossen -
  1. Een nieuwe map maken (mkdir-test)
  2. Navigeren naar deze nieuwe map (cd-test)
  3. 'phonegap create helloWorld' uitvoeren
  4. Navigeer in helloWorld (cd helloWorld)
  5. Voer 'phonegap run android (of vervang android door ios as above) uit.
  6. Emulator opent de uitvoering van de zojuist gemaakte PhoneGap-app met de tekst 'Apparaatklaar' als de JavaScript-bridge naar native actief is.
Dit zal verifiëren dat u CLI van PhoneGap ontwikkelomgeving is correct in werking gesteld.

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

chlimage_1-47

  • 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

chlimage_1-48

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

chlimage_1-49

  • Gebruik de bedieningsknoppen om door te gaan met uitvoeren, stap over, stap in en stap uit van methoden:

NOTE
Houd de muis boven de huidige methode om de waarden van variabelen weer te geven.

De volgende stappen the-next-steps

Als u eenmaal geleerd hebt over het ontwikkelen van toepassingen met PhoneGap CLI, raadpleegt u Apparaatfuncties openen.

recommendation-more-help
547b817b-14b5-4d82-aa0f-a64750e0e592