Mobiele toepassingen maken building-mobile-applications

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.

Stel uw toepassing samen om deze op een apparaat of simulator te installeren voor testdoeleinden of voor publicatie in de App Store. U kunt toepassingen plaatselijk bouwen gebruikend de Interface van de Lijn van het Bevel PhoneGap, of in de wolk gebruikend PhoneGap Build.

Een volledig geleidelijke artikel op hoe te om een mobiele toepassing te bouwen gebruikend code beschikbaar bij GitHub is beschikbaar hier.

De toepassing verplaatsen naar de Publish-instantie moving-the-application-to-the-publish-instance

Verplaats toepassingsbestanden naar de publicatie-instantie zodat u inhoud-updates kunt opgeven voor de geïnstalleerde exemplaren van de mobiele toepassing en de toepassing kunt bouwen met behulp van de gepubliceerde inhoud. Toepassingen bestaan uit twee knooppuntvertakkingen in de repository:

  • /content/phonegap/apps/<application name>: De webpagina's die auteurs maken en activeren.
  • /content/phonegap/content/<application name>: configuratiebestanden van de toepassing en configuraties van de inhoudssynchronisatie.
NOTE
Als u de toepassingsbestanden niet naar de publicatie-instantie verplaatst, kunnen de makers van inhoud de cache van Content Sync niet bijwerken.

U hoeft de bestanden in de /content/phonegap/content/<application name> -vertakking alleen naar de publicatie-instantie te verplaatsen. De bestanden in de /content/phonegap/apps/<application name> -vertakking worden verplaatst wanneer de auteur de pagina's activeert.

AEM biedt twee methoden voor het verplaatsen van bulkinhoud naar de publicatie-instantie:

Er wordt bijvoorbeeld een mobiele toepassing met de naam phonegapapp gemaakt. Het volgende knooppunt moet naar de publicatie-instantie worden verplaatst: /content/phonegap/content/phonegapapp.

Uiteinde: om een pakket van de auteursinstantie aan te bewegen publiceer instantie, gebruik het bevel van de Replicatie op het pakket.

chlimage_1-16

Samenstellen met de PhoneGap-opdrachtregelinterface building-using-the-phonegap-command-line-interface

Compileer de toepassing PhoneGap op uw computer gebruikend bevel-lijn Interface PhoneGap (CLI). Als u de AEM-inhoud in uw toepassing wilt opnemen, AEM maakt u een ZIP-bestand dat de inhoud van uw mobiele toepassing, configuraties voor inhoudssynchronisatie en andere vereiste elementen bevat. Download het ZIP-bestand en neem het op in uw build.

Uw ontwikkelomgeving voorbereiden preparing-your-build-environment

Om te bouwen gebruikend CLI PhoneGap, moet u Node.js en het de cliëntnut installeren PhoneGap. U hebt een internetverbinding nodig om de volgende procedure uit te voeren.

  1. De download en installeert Node.js.

  2. Open een terminal of bevelherinnering en ga het volgende knoopbevel in om het nut te installeren PhoneGap:

    code language-shell
    npm install -g phonegap
    

    Op een UNIX®- of Linux®-systeem moet u mogelijk een voorvoegsel voor de opdracht invoegen met sudo .

    De terminal toont de resultaten van een reeks opdrachten van HTTP-GET. Wanneer de installatie succesvol is, toont de terminal waar de bibliotheken geïnstalleerd gelijkaardig aan het volgende voorbeeld zijn:

    code language-xml
    /usr/local/bin/phonegap -> /usr/local/lib/node_modules/phonegap/bin/phonegap.js
    phonegap@3.3.0-0.19.6 /usr/local/lib/node_modules/phonegap
    ├── pluralize@0.0.4
    ├── colors@0.6.0-1
    ├── semver@1.1.0
    ├── qrcode-terminal@0.9.4
    ├── shelljs@0.1.4
    ├── optimist@0.6.0 (...)
    ├── prompt@0.2.11 (...)
    ├── phonegap-build@0.8.4 (...)
    ├── connect-phonegap@0.8.1 (...)
    └── cordova@3.3.0-0.1.1 (...)
    
  3. (Optioneel) Vraag de SDK aan voor het mobiele platform waarvoor u het doelplatform wilt:

    • Om apps voor het platform van iOS te bouwen, installeer de recentste versie van Xcode.
    • Om Android™ apps te bouwen, installeer Android™ SDK.

Het ZIP-bestand voor inhoud downloaden downloading-the-content-zip-file

Verplaats de inhoud van uw mobiele toepassing naar uw bestandssysteem.

  1. Selecteer de toepassing op de pagina Mobiele toepassingen.

  2. (Optioneel) Als u de toepassing voor volledige installaties wilt maken, klikt u op de werkbalk op het pictogram Cache wissen.

    Duidelijk geheim voorgeheugenpictogram dat door een gebroken verbindingssymbool wordt vermeld.

    note note
    NOTE
    De cache bevat updates van inhoud voor geïnstalleerde toepassingen. Als u de cache wist, worden alle updates in de cache verwijderd.
  3. Klik op het pictogram CLI Assets downloaden op de werkbalk.

    download CLI Assets pictogram dat door het overlappende tabletsymbool wordt vermeld.

  4. Nadat u het ZIP-bestand hebt opgeslagen, klikt u op Sluiten in het dialoogvenster Succes.

  5. Extraheer de inhoud van het ZIP-bestand.

De CLI van PhoneGap gebruiken om te bouwen using-the-phonegap-cli-to-build

Gebruik de CLI van PhoneGap om de toepassing te compileren en te installeren. Voor informatie over hoe te om CLI te gebruiken PhoneGap, zie de bevel-lijnInterface PhoneGap (https://docs.phonegap.com/en/3.0.0/guide_cli_index.md.html) documentatie.

  1. Open een terminal- of opdrachtprompt en wijzig de huidige map in het gedownloade ZIP-bestand van de toepassing. Met de volgende code wordt de map bijvoorbeeld gewijzigd in het bestand ng-app-cli.1392137825303.zip:

    code language-shell
    cd ~/Downloads/ng-app-cli.1392137825303
    
  2. Voer de phonegap-opdracht in voor het platform waarvoor u een doelversie kiest. Met de volgende opdracht wordt bijvoorbeeld de app voor Android™ gemaakt:

    code language-shell
    phonegap build android
    

Samenstellen met PhoneGap Build building-using-phonegap-build

Gebruik de PhoneGap-cloudservice om uw app te maken. Om deze procedure uit te voeren, moet u eerst een configuratie van PhoneGap Build tot stand brengen.

Verbinding maken met PhoneGap Build connecting-to-phonegap-build

Creeer een configuratie van de PhoneGap Build zodat u de diensten van de PhoneGap Build van binnen AEM kunt gebruiken. Geef de gebruikersnaam en het wachtwoord op van de account PhoneGap Build die u wilt gebruiken om uw mobiele toepassingen te maken.

  1. Open de pagina Tools. ( http://localhost:4502/tools.html).

  2. Klik in het gebied CQ-bewerkingen op Cloud Servicen.

  3. Klik op de koppeling Nu configureren voor PhoneGap Build.

    chlimage_1-17

  4. Typ in het dialoogvenster Configuratie maken een waarde voor de eigenschap Titel. Door gebrek, wordt de waarde van het bezit van de Naam afgeleid uit de titel, nochtans kunt u een naam ingaan. Klik op Maken.

  5. Typ in het dialoogvenster Configuratie PhoneGap Build uw gebruikersnaam en wachtwoord voor PhoneGap Build en klik op OK.

PhoneGapen Build gebruiken using-phonegap-build

Verzend uw toepassingsbronnen naar PhoneGap Build voor compilatie voor de verschillende mobiele platforms.

  1. Open uw mobiele toepassing op de pagina Mobiele toepassingen. ( http://localhost:4502/mobile.html/content/phonegap)

  2. (Optioneel) Als u de toepassing voor volledige installaties wilt maken, selecteert u de toepassing en klikt u op het pictogram Cache wissen.

    Duidelijk geheim voorgeheugenpictogram dat door een gebroken verbindingssymbool wordt vermeld.

    note note
    NOTE
    De cache bevat updates van inhoud voor geïnstalleerde toepassingen. Als u de cache wist, worden alle updates in de cache verwijderd.
  3. Selecteer de welkomstpagina en klik op het pictogram Extern maken.

    bouwt Verre pictogram dat door twee ronde die versnellingen wordt vermeld.

    Nota: de versie van Beta van AEM Beta leidt tot geen bericht Inbox wanneer de bouwstijl met succes voltooit.

  4. Klik in het dialoogvenster Succes op PhoneGap Build om de Adobe PhoneGap Build-pagina te openen op https://build.phonegap.com/apps . Als u wacht tot uw app wordt weergegeven, kunt u de status van het PhoneGap Build controleren op https://status.build.phonegap.com/ .

    Voor informatie over het installeren van de bouwstijl, zie de Documentatie van de PhoneGap Build.

    note note
    NOTE
    Gratis PhoneGapen Build accounts zijn toegestaan op één privétoepassing. PhoneGap-builds mislukken als u een extra privétoepassing bouwt.

De volgende stappen the-next-steps

De volgende stap na het bouwproces leert over de Structuur van app.

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