DocumentatieAEM 6.5Gids voor mobiele apparaten

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

Last update: Sun Jul 14 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Onderwerpen:

Gemaakt voor:

  • Beheerder
NOTE
De Adobe adviseert het gebruiken van de SPARedacteur voor projecten die op kader-gebaseerde cliënt-zijteruggeven van enige paginatoepassing (bijvoorbeeld, Reageren) vereisen. leer meer.

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 macOS X 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 (https://docs.phonegap.com/en/4.0.0/guide_cli_index.md.html#The%20Command-Line%20Interface)

Voor iOS: voor de ontwikkeling van iPhones en iPads hebt u Apple Xcode-IDE nodig.

  • Download het voor vrije hier.
  • PhoneGap iOS-platformhulplijn (https://docs.phonegap.com/en/4.0.0/guide_platforms_ios_index.md.html#iOS%20Platform%20Guide)

Voor Android™: voor de ontwikkeling van iPhones en iPads hebt u Android™ Stuido IDE van Google nodig.

  • Download het voor vrije hier.
  • PhoneGap Android™-platformhandleiding (https://docs.phonegap.com/en/4.0.0/guide_platforms_android_index.md.html#Android%20Platform%20Guide)

De Source downloaden download-the-source

Wanneer u uw ontwikkelomgeving met succes hebt versneld, downloadt u de bron van de AEM App Build Tile:

  • Klik op de vervolgkeuzelijst PhoneGap Build-tegel.

chlimage_1-45

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

chlimage_1-46

NOTE
De ontwikkelingsbron bevat de meest recente status van uw app, maar inclusief 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 in het werkgebied plaatst, wordt door het selecteren van Staging de testworkflow (tip: wordt weergegeven als een gefaseerde app in de PhoneGap Enterprise Viewer App die beschikbaar is in de AppStore en Google PlayStore) geactiveerd.
  • 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 doen, zie CLI documenten PhoneGap (https://phonegap.com/blog/2014/11/13/phonegap-cli-3-6-3/).
  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 u op dit punt problemen hebt, ga terug naar grondbeginselen om problemen op te lossen -
  1. Een map maken (mkdir-test)
  2. Navigeren naar deze nieuwe map (cd-test)
  3. Uitvoeren phonegap create helloWorld
  4. Navigeer in helloWorld (cd helloWorld)
  5. Voer phonegap run android uit (of vervang Android™ door iOS zoals hierboven beschreven).
  6. Emulator opent het uitvoeren van uw nieuwe PhoneGap App, die "Apparaat Klaar"zegt als JavaScript Bridge aan inheems operationeel is.
Dit het oplossen van problemen verifieert dat uw CLI van PhoneGap ontwikkelomgeving correct loopt.

Foutopsporing in JavaScript met Safari en IOS debug-javascripts-with-safari-and-ios-debug

U kunt fouten in de JavaScript 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, zodat u de app op uw apparaat of emulator kunt 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

Fouten opsporen 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 die onderbrekingspunten. U kunt de uitvoering doorlopen en de waarden in variabelen inspecteren.

  • Klik Middelen in het venster van de Inspecteur van het Web
  • Navigeren in de bronstructuur en op het gewenste bronbestand klikken
  • Klik op het regelnummer naast een onderbrekingspunt
  • Interactie met apparaat of emulator

chlimage_1-49

  • Gebruik de besturingsknoppen om door te gaan met de uitvoering, stap over, stap in en stap uit de methoden:

Vijf verschillende werkende die controleknopen in een horizontale rij worden gericht.

NOTE
Als u de waarden van variabelen in de huidige methode wilt zien, plaatst u de muis.

De volgende stappen the-next-steps

Nadat u over het Ontwikkelen van Apps met CLI PhoneGap hebt geleerd, zie Toegang tot de Eigenschappen van het Apparaat.

recommendation-more-help
2eeeb575-8007-40cc-a72d-206fbc4ddd4b