DocumentazioneAEM 6.4Guida di Mobile

Creazione di applicazioni mobili building-mobile-applications

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

Creato per:

  • User
CAUTION
AEM 6.4 ha raggiunto la fine del supporto esteso e questa documentazione non viene più aggiornata. Per maggiori dettagli, consulta la nostra periodi di assistenza tecnica. Trova le versioni supportate qui.
NOTE
Adobe consiglia di utilizzare l’editor di SPA per i progetti che richiedono il rendering lato client basato sul framework di un’applicazione a pagina singola (ad esempio, React). Ulteriori informazioni.

Crea l'applicazione da installare su un dispositivo o simulatore per il test o la pubblicazione negli app store. È possibile creare applicazioni localmente utilizzando l'interfaccia della riga di comando PhoneGap o nel cloud utilizzando la PhoneGap Build.

È disponibile un articolo completo e dettagliato su come creare un’app mobile utilizzando il codice disponibile da GitHub. qui.

Spostamento dell’applicazione nell’istanza di pubblicazione moving-the-application-to-the-publish-instance

Sposta i file dell’applicazione nell’istanza di pubblicazione in modo da poter fornire aggiornamenti di contenuto alle istanze installate dell’app mobile e da creare l’applicazione utilizzando il contenuto pubblicato. Le applicazioni sono costituite da due rami nodo nel repository:

  • /content/phonegap/apps/<application name>: Le pagine web create e attivate dagli autori.
  • /content/phonegap/content/<application name>: File di configurazione dell'applicazione e configurazioni di Content Sync.
NOTE
Se i file dell’applicazione non vengono spostati nell’istanza di pubblicazione, gli autori dei contenuti non possono aggiornare la cache di sincronizzazione dei contenuti.

Devi solo spostare i file nella /content/phonegap/content/<application name> nell’istanza di pubblicazione. I file nel /content/phonegap/apps/<application name> vengono spostati quando l’autore attiva le pagine.

AEM fornisce due metodi per spostare contenuti in blocco nell’istanza di pubblicazione:

Ad esempio, viene creata un’app mobile denominata phonegapapp . Il seguente nodo deve essere spostato nell'istanza di pubblicazione: /content/phonegap/content/phonegapapp.

Suggerimento: Per spostare un pacchetto dall’istanza di authoring all’istanza di pubblicazione, utilizza il comando Replica nel pacchetto.

chlimage_1-16

Creazione tramite l’interfaccia della riga di comando PhoneGap building-using-the-phonegap-command-line-interface

Compilare l’applicazione PhoneGap sul computer utilizzando l’interfaccia CLI (Command-Line Interface) di PhoneGap. Per includere il contenuto AEM nell’applicazione, AEM crea un file ZIP contenente il contenuto dell’app mobile, le configurazioni di sincronizzazione dei contenuti e altre risorse richieste. Scarica il file ZIP e includilo nella build.

Preparazione dell’ambiente di creazione preparing-your-build-environment

Per generare utilizzando PhoneGap CLI, è necessario installare Node.js e l'utility client PhoneGap. È necessaria una connessione a Internet per eseguire la procedura seguente.

  1. Scarica e installa Node.js.

  2. Apri un terminale o un prompt dei comandi e immetti il seguente comando del nodo per installare l'utility PhoneGap:

    code language-shell 
    npm install -g phonegap

    Su un sistema Unix o Linux, potrebbe essere necessario impostare il prefisso del comando con sudo.

    Il terminale mostra i risultati di una serie di comandi HTTP GET. Quando l'installazione è riuscita, il terminale mostra dove le librerie sono installate in modo simile al seguente esempio:

    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. (Facoltativo) Ottieni l'SDK per la piattaforma mobile di destinazione:

    • Per creare app per la piattaforma iOS, installa la versione più recente di Xcode.
    • Per creare le app Android, installa la SDK per Android.

Download del file ZIP del contenuto downloading-the-content-zip-file

Sposta il contenuto dell’app mobile nel file system.

  1. Nella pagina Applicazioni mobili , seleziona l’applicazione.

  2. (Facoltativo) Per creare l'applicazione per installazioni complete, sulla barra degli strumenti tocca o fai clic sull'icona Cancella cache .

    note note
    NOTE
    La cache contiene gli aggiornamenti di contenuto per le applicazioni installate. La cancellazione della cache annulla tutti gli aggiornamenti memorizzati nella cache.

  3. Sulla barra degli strumenti, tocca o fai clic sull’icona Scarica risorse CLI .

  4. Dopo aver salvato il file ZIP, fai clic su Chiudi nella finestra di dialogo Riuscito.

  5. Estrai il contenuto del file ZIP.

Utilizzo della CLI di PhoneGap per generare using-the-phonegap-cli-to-build

Utilizza la CLI di PhoneGap per compilare e installare l'applicazione. Per informazioni su come utilizzare PhoneGap CLI, consulta PhoneGap Interfaccia a riga di comando documentazione.

  1. Apri un terminale o un prompt dei comandi e modifica la directory corrente nel file ZIP dell'applicazione scaricato. Ad esempio, la directory seguente viene modificata nel file ng-app-cli.1392137825303.zip:

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

  2. Immetti il comando phonegap per la piattaforma di destinazione. Ad esempio, il seguente comando crea l'app per Android:

    code language-shell 
    phonegap build android

Costruzione con PhoneGap Build building-using-phonegap-build

Utilizza il servizio cloud PhoneGap per creare la tua app. Per eseguire questa procedura, è innanzitutto necessario creare una configurazione di PhoneGap Build.

Connessione a PhoneGap Build connecting-to-phonegap-build

Crea una configurazione di PhoneGap Build in modo da poter utilizzare i servizi PhoneGap Build da AEM. Immetti il nome utente e la password dell'account PhoneGap Build che utilizzerai per creare le tue applicazioni mobili.

  1. Apri la pagina Strumenti . (http://localhost:4502/tools.html).

  2. Nell’area Operazioni CQ, fare clic su Cloud Services.

  3. Fare clic sul collegamento Configura ora per la PhoneGap Build.

    chlimage_1-17

  4. Nella finestra di dialogo Crea configurazione, digita un valore per la proprietà Titolo . Per impostazione predefinita, il valore della proprietà Name viene derivato dal titolo, tuttavia è possibile immettere un nome. Fai clic su Crea.

  5. Nella finestra di dialogo Configurazione PhoneGap Build digitare il nome utente e la password della PhoneGap Build e quindi fare clic su OK.

Utilizzo delle PhoneGap Build using-phonegap-build

Invia le risorse dell'applicazione a PhoneGap Build per la compilazione per le varie piattaforme mobili.

  1. Nella pagina Applicazioni mobili , apri l’app mobile. (http://localhost:4502/mobile.html/content/phonegap)

  2. (Facoltativo) Per creare l'applicazione per installazioni complete, seleziona l'applicazione e fai clic sull'icona Cancella cache.

    note note
    NOTE
    La cache contiene gli aggiornamenti di contenuto per le applicazioni installate. La cancellazione della cache annulla tutti gli aggiornamenti memorizzati nella cache.

  3. Selezionare la pagina iniziale, quindi fare clic sull'icona Genera remoto.

    Nota: La versione beta di AEM Beta non crea una notifica in entrata al completamento della build.

  4. Nella finestra di dialogo Completato fare clic su PhoneGap Build per aprire la pagina Adobe PhoneGap Build in https://build.phonegap.com/apps. Se sei in attesa che appaia l’app, puoi controllare la Stato PhoneGap Build pagina.

    Per informazioni sull’installazione della build, consulta la sezione Documentazione PhoneGap Build.

    note note
    NOTE
    Gli account di PhoneGap Build gratuiti sono consentiti un'applicazione privata. Le build di PhoneGap non riescono se si sta creando un'applicazione privata aggiuntiva.

Passaggi successivi the-next-steps

Il passo successivo al processo di costruzione è imparare Struttura di un’app.

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