Creazione di applicazioni mobili building-mobile-applications

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.

È 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 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 /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:

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 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 il 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, fare clic sull'icona Cancella cache sulla barra degli strumenti.

    Icona di cancellazione della 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, fai clic sull’icona Scarica risorse CLI.

    Icona Scarica risorse CLI indicata dal simbolo della tavoletta sovrapposta.

  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 l'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 di cancellazione della 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 nella casella in entrata al completamento della compilazione.

  4. 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 la tua app venga visualizzata, puoi controllare lo stato della PhoneGap Build all’indirizzo https://status.build.phonegap.com/.

    Per informazioni sull'installazione della build, vedere Documentazione di 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 costruzione è conoscere Struttura di un’app.

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