Creazione di applicazioni mobili

NOTA

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.

È 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

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.

NOTA

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 /content/phonegap/content/<application name> all’istanza Publish. I file in /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:

Utilizzare il comando Attiva albero nella console di replica.
Creare un pacchetto che contiene il contenuto e replica il pacchetto.

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 del pacchetto.

chlimage_1-16

Generazione tramite l'interfaccia della riga di comando PhoneGap

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

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

Scarica e installa Node.js.

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

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:

/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 (...)

(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 il SDK per Android.

Download del file ZIP del contenuto

Sposta il contenuto dell’app mobile nel file system.

Nella pagina Applicazioni mobili, seleziona l’applicazione.
(Facoltativo) Per creare l’applicazione per installazioni complete, sulla barra degli strumenti, tocca o fai clic sull’icona Cancella cache.

NOTA

La cache contiene gli aggiornamenti del contenuto per le applicazioni installate. La cancellazione della cache annulla tutti gli aggiornamenti memorizzati nella cache.
Sulla barra degli strumenti, tocca o fai clic sull’icona Scarica risorse CLI.
Dopo aver salvato il file ZIP, fai clic su Chiudi nella finestra di dialogo Corretto.
Estrai il contenuto del file ZIP.

Utilizzo di PhoneGap CLI per la generazione

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

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:
```
cd ~/Downloads/ng-app-cli.1392137825303
```
Immetti il comando phonegap per la piattaforma di destinazione. Ad esempio, il comando seguente crea l’app per Android:
```
phonegap build android
```

Edificio Con 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

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.

Apri la pagina Strumenti. (http://localhost:4502/tools.html).
Nell'area Operazioni CQ fare clic su Cloud Services.
Fare clic sul collegamento Configura ora per la PhoneGap Build.
Nella finestra di dialogo Crea configurazione, digita 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.
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

Invia le risorse della tua applicazione a PhoneGap Build per la compilazione per le varie piattaforme mobili.

Nella pagina Mobile Applications (Applicazioni mobili), apri l’app mobile. (http://localhost:4502/mobile.html/content/phonegap)
(Facoltativo) Per creare l'applicazione per installazioni complete, selezionarla e fare clic sull'icona Cancella cache.

NOTA

La cache contiene gli aggiornamenti del contenuto per le applicazioni installate. La cancellazione della cache annulla tutti gli aggiornamenti memorizzati nella cache.
Selezionare la pagina iniziale, quindi fare clic sull'icona Genera remoto.

Nota: La versione beta di AEM Beta non crea una notifica nella casella in entrata al completamento della compilazione.
Nella finestra di dialogo Corretto, fai 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 Stato PhoneGap Build pagina.

Per informazioni sull'installazione della build, vedere Documentazione di PhoneGap Build.

NOTA

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.