DokumentationAEM 6.5Användarhandbok om mobila appar

Bygger mobilprogram building-mobile-applications

Last update: Thu Dec 07 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

Skapat för:

  • User
NOTE
Adobe rekommenderar att du använder SPA Editor för projekt som kräver ramverksbaserad klientåtergivning för en sida (till exempel React). Läs mer.

Bygg applikationen för installation på en enhet eller simulator för testning eller publicering i appbutiker. Du kan skapa program lokalt med PhoneGap Command Line Interface eller i molnet med PhoneGap Build.

Det finns en komplett, stegvis artikel om hur du bygger ett mobilprogram med hjälp av kod från GitHub här.

Flytta programmet till publiceringsinstansen moving-the-application-to-the-publish-instance

Flytta programfiler till publiceringsinstansen så att du kan tillhandahålla innehållsuppdateringar till de installerade instanserna av mobilprogrammet och skapa programmet med det publicerade innehållet. Programmen består av två nodgrenar i databasen:

  • /content/phonegap/apps/<application name>: Webbsidorna som författare skapar och aktiverar.
  • /content/phonegap/content/<application name>: Programkonfigurationsfiler och konfigurationer för innehållssynkronisering.
NOTE
Om du inte flyttar programfilerna till publiceringsinstansen kan innehållsförfattarna inte uppdatera cachen för innehållssynkronisering.

Du behöver bara flytta filerna i /content/phonegap/content/<application name> till publiceringsinstansen. Filerna i /content/phonegap/apps/<application name> grenen flyttas när författaren aktiverar sidorna.

I AEM finns två metoder för att flytta massinnehåll till publiceringsinstansen:

Ett mobilprogram med namnet phonegapapp skapas till exempel. Följande nod måste flyttas till publiceringsinstansen: /content/phonegap/content/phonegapapp.

Tips: Om du vill flytta ett paket från författarinstansen till publiceringsinstansen använder du kommandot Replikera i paketet.

chlimage_1-16

Bygga med kommandoradsgränssnittet PhoneGap building-using-the-phonegap-command-line-interface

Kompilera PhoneGap-programmet på datorn med PhoneGap Command-line Interface (CLI). Om du vill inkludera AEM innehåll i ditt program skapar AEM en ZIP-fil som innehåller innehållet i ditt mobilprogram, konfigurationer för innehållssynkronisering och andra nödvändiga resurser. Hämta ZIP-filen och inkludera den i bygget.

Förbereder din byggmiljö preparing-your-build-environment

Om du vill bygga med PhoneGap CLI måste du installera Node.js och PhoneGap-klientverktyget. Du måste ha en internetanslutning för att kunna utföra följande procedur.

  1. Hämta och installera Node.js.

  2. Öppna en terminal eller kommandotolk och ange följande nodkommando för att installera PhoneGap-verktyget:

    code language-shell 
    npm install -g phonegap

    I ett UNIX®- eller Linux®-system kan du behöva prefix till kommandot med sudo.

    Terminalen visar resultatet av en serie HTTP GET-kommandon. När installationen är klar visar terminalen var biblioteken är installerade, som i följande exempel:

    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. (Valfritt) Skaffa SDK för den mobila plattform som ni riktar er mot:

    • Installera den senaste versionen av iOS för att skapa appar för Xcode.
    • Installera Android™ SDK.

Laddar ned innehålls-ZIP-filen downloading-the-content-zip-file

Flytta innehållet i mobilprogrammet till filsystemet.

  1. Välj ditt program på sidan Mobilprogram.

  2. (Valfritt) Klicka på ikonen Rensa cache i verktygsfältet för att skapa programmet för fullständiga installationer.

    Ikonen Rensa cache indikeras av en bruten länksymbol.

    note note
    NOTE
    Cachen innehåller innehållsuppdateringar för installerade program. Om du rensar cachen försvinner alla cachelagrade uppdateringar.

  3. Klicka på ikonen Hämta CLI-resurser i verktygsfältet.

    Ikonen Hämta CLI-resurser indikeras av en överlappande tablet-symbol.

  4. När du har sparat ZIP-filen klickar du på Stäng i dialogrutan Slutfört.

  5. Extrahera innehållet i ZIP-filen.

Använda PhoneGap CLI för att bygga using-the-phonegap-cli-to-build

Använd PhoneGap CLI för att kompilera och installera programmet. Mer information om hur du använder PhoneGap CLI finns i PhoneGap-kommandoradsgränssnittet (https://docs.phonegap.com/en/3.0.0/guide_cli_index.md.html).

  1. Öppna en terminal eller kommandotolk och ändra den aktuella katalogen till den hämtade ZIP-programfilen. Följande ändrar till exempel katalogen till filen ng-app-cli.1392137825303.zip:

    code language-shell 
    cd ~/Downloads/ng-app-cli.1392137825303

  2. Ange kommandot phonegap för plattformen som du riktar dig mot. Följande kommando skapar till exempel programmet för Android™:

    code language-shell 
    phonegap build android

Bygger med PhoneGap Build building-using-phonegap-build

Använd PhoneGap-molntjänsten för att bygga din app. För att kunna utföra den här proceduren måste du först skapa en PhoneGap Build-konfiguration.

Ansluter till PhoneGap Build connecting-to-phonegap-build

Skapa en PhoneGap Build-konfiguration så att du kan använda PhoneGap Build-tjänsterna inifrån AEM. Ange användarnamn och lösenord för det PhoneGap Build-konto som du ska använda för att skapa dina mobilprogram.

  1. Öppna sidan Verktyg. (http://localhost:4502/tools.html).

  2. Klicka på Cloud Service i området CQ-åtgärder.

  3. Klicka på länken Konfigurera nu för PhoneGap Build.

    chlimage_1-17

  4. I dialogrutan Skapa konfiguration anger du ett värde för egenskapen Titel. Som standard hämtas värdet för egenskapen Namn från titeln, men du kan ange ett namn. Klicka på Skapa.

  5. I dialogrutan PhoneGap Build Configuration skriver du ditt användarnamn och lösenord för PhoneGap Build och klickar sedan på OK.

Använda PhoneGap Build using-phonegap-build

Skicka programresurserna till PhoneGap Build för kompilering för olika mobilplattformar.

  1. Öppna ditt mobilprogram på sidan Mobilprogram. (http://localhost:4502/mobile.html/content/phonegap)

  2. (Valfritt) Om du vill skapa programmet för fullständiga installationer markerar du programmet och klickar på ikonen Rensa cache.

    Ikonen Rensa cache indikeras av en bruten länksymbol.

    note note
    NOTE
    Cachen innehåller innehållsuppdateringar för installerade program. Om du rensar cachen försvinner alla cachelagrade uppdateringar.

  3. Markera välkomstsidan och klicka sedan på ikonen Skapa fjärrmapp.

    Ikonen för att skapa en fjärrkontroll visas med två runda växlar.

    Obs! Betaversionen av AEM Beta skapar inte något inkorgsmeddelande när bygget är klart.

  4. I dialogrutan Slutfört klickar du på PhoneGap Build för att öppna Adobe PhoneGap Build-sidan på https://build.phonegap.com/apps. Om du väntar på att appen ska visas kan du kontrollera PhoneGapet Build-statusen på https://status.build.phonegap.com/.

    Mer information om hur du installerar bygget finns i PhoneGap Build Documentation.

    note note
    NOTE
    Kostnadsfria PhoneGap Build-konton kan användas med ett privat program. PhoneGap-byggen misslyckas om du skapar ytterligare ett privat program.

Nästa steg the-next-steps

Nästa steg efter byggprocessen är att lära sig om Struktur för ett program.

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