DocumentazioneAEM 6.5Guida di Mobile

Creazione di applicazioni mobili building-mobile-applications

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

Creato per:

  • Amministratore
NOTE
L’Adobe consiglia di utilizzare l’Editor SPA per i progetti che richiedono il rendering lato client basato su framework di applicazione a pagina singola (ad esempio, React). Ulteriori informazioni.

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

Un articolo completo e dettagliato su come creare un'app mobile utilizzando il codice disponibile da GitHub è disponibile qui.

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

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

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

È sufficiente spostare i file nel ramo /content/phonegap/content/<application name> nell'istanza Publish. I file nel ramo /content/phonegap/apps/<application name> vengono spostati quando l'autore attiva le pagine.

L’AEM fornisce due metodi per spostare contenuti in blocco nell’istanza Publish:

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, utilizzare il comando Replica del pacchetto.

chlimage_1-16

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

Compilare l'applicazione PhoneGap sul computer utilizzando l'interfaccia della riga di comando (CLI) di PhoneGap. Per includere il contenuto dell’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 build preparing-your-build-environment

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

  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

    In un sistema UNIX® o Linux®, potrebbe essere necessario anteporre al comando il prefisso sudo.

    Il terminale mostra i risultati di una serie di comandi HTTP GET. Quando l’installazione ha esito positivo, il terminale mostra dove vengono installate le librerie in modo simile all’esempio seguente:

    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 app Android™, installa l'SDK 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, fare clic sull'icona Cancella cache sulla barra degli strumenti.

    Icona Cancella cache indicata da un simbolo di collegamento interrotto.

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

  3. Sulla barra degli strumenti fare clic sull'icona Scarica CLI Assets.

    Icona Download CLI Assets indicata dal simbolo del Tablet PC sovrapposto.

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

  5. Estrai il contenuto del file ZIP.

Utilizzo di PhoneGap CLI per la generazione using-the-phonegap-cli-to-build

Utilizza PhoneGap CLI per compilare e installare l’applicazione. Per informazioni sull'utilizzo di PhoneGap CLI, vedere la documentazione relativa all'interfaccia della riga di comando PhoneGap (https://docs.phonegap.com/en/3.0.0/guide_cli_index.md.html).

  1. Apri un terminale o un prompt dei comandi e cambia la directory corrente con il file ZIP dell’applicazione scaricato. Ad esempio, la seguente modifica la directory 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 comando seguente crea l’app per Android™:

    code language-shell 
    phonegap build android

Edificio Con PhoneGap Build building-using-phonegap-build

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

Connessione a PhoneGap Build connecting-to-phonegap-build

Creare una configurazione di PhoneGap Build in modo da poter utilizzare i servizi PhoneGap Build dall'AEM. Fornisci il nome utente e la password dell’account PhoneGap Build che utilizzerai per creare le tue app mobili.

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

  2. Nell'area Operazioni CQ fare clic su Cloud Service.

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

    chlimage_1-17

  4. Nella finestra di dialogo Crea configurazione digitare un valore per la proprietà Titolo. Per impostazione predefinita, il valore della proprietà Name è 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 della tua applicazione a PhoneGap Build per la compilazione per le varie piattaforme mobili.

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

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

    Icona Cancella cache indicata da un simbolo di collegamento interrotto.

    note note
    NOTE
    La cache contiene gli aggiornamenti del 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.

    Icona Genera remoto indicata da due ingranaggi di arrotondamento.

    Nota: la versione Beta di AEM Beta non crea una notifica casella in entrata al completamento della compilazione.

  4. Nella finestra di dialogo Operazione completata, fare clic su PhoneGap Build per aprire la pagina Adobe PhoneGap Build in https://build.phonegap.com/apps. Se stai aspettando che l'app venga visualizzata, puoi controllare lo stato della PhoneGap Build in https://status.build.phonegap.com/.

    Per informazioni sull'installazione della build, vedere la documentazione della PhoneGap Build.

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

Passaggi successivi the-next-steps

Il passaggio successivo dopo il processo di compilazione è la conoscenza della struttura di un'app.

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