DokumentationAEM 6.4Användarhandbok om mobila appar

Bygger mobilprogram building-mobile-applications

Last update: Thu May 04 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

Skapat för:

  • User
CAUTION
AEM 6.4 har nått slutet på den utökade supporten och denna dokumentation är inte längre uppdaterad. Mer information finns i teknisk supportperiod. Hitta de versioner som stöds här.
NOTE
Adobe rekommenderar att du använder SPA Editor för projekt som kräver ramverksbaserad klientåtergivning för en sida (t.ex. Reagera). 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:

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) Om du vill skapa programmet för kompletta installationer klickar eller trycker du på ikonen Rensa cache i verktygsfältet.

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

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

  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änssnitt dokumentation.

  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. Om du vill 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 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 Services 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 Title. Som standard hämtas värdet för egenskapen Namn från titeln, men du kan ange ett namn. Klicka på Skapa.

  5. Ange användarnamn och lösenord för PhoneGap Build i dialogrutan Konfigurera PhoneGap Build och klicka 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.

    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.

    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 PhoneGap Build sida.

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

    note note
    NOTE
    Konton med kostnadsfria PhoneGap Build tillåts 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
547b817b-14b5-4d82-aa0f-a64750e0e592