Sviluppo di app con PhoneGap CLI

In qualsiasi momento, come sviluppatore puoi eseguire l’app su un dispositivo o all’interno di un emulatore, purché sia stato configurato l’ambiente di sviluppo.

Per eseguire gli esempi seguenti, è necessario un sistema che esegua macOS X con Xcode oppure un sistema Mac/Win/Linux con l'SDK Android™ installato.

Bootstrap l’ambiente di sviluppo

Configura CLI PhoneGap (https://docs.phonegap.com/en/4.0.0/guide_cli_index.md.html#The%20Command-Line%20Interface)

Per iOS: per sviluppare per iPhone e iPad, è necessario Apple Xcode IDE.

• Scaricala gratuitamente qui.
• Guida alla piattaforma PhoneGap iOS (https://docs.phonegap.com/en/4.0.0/guide_platforms_ios_index.md.html#iOS%20Platform%20Guide)

Per Android™: per sviluppare per iPhone e iPad, è necessario Google Android™ Studio IDE.

• Scaricala gratuitamente qui.
• Guida alla piattaforma PhoneGap Android™ (https://docs.phonegap.com/en/4.0.0/guide_platforms_android_index.md.html#Android%20Platform%20Guide)

Scarica l’origine

Dopo aver avviato correttamente l’ambiente di sviluppo, scarica l’origine dal riquadro di build dell’app AEM:

• Fai clic sulla freccia a discesa del riquadro PhoneGap Build.

• Fai clic su Scarica origine.
• Seleziona l’origine desiderata dal modale Scarica origine.

• Fai clic su Scarica e salva il file ZIP sul computer.
• Estrai il file zip scaricato nell’area di lavoro.

Creare e caricare l’app (dall’origine)

PhoneGap CLI può creare un progetto di piattaforma, compilare l’origine e distribuire l’app in un unico comando.

1. Verifica di aver installato PhoneGap CLI, vedi sopra.
2. In una finestra della console (o del terminale), passa alla directory principale della sorgente estratta.
3. Immetti il comando seguente:

phonegap run android

// -- or -- //

phonegap run ios

Eseguire il debug di JavaScript con il debug di Safari e IOS

Puoi eseguire il debug del codice JavaScript dell’app utilizzando gli strumenti per sviluppatori di Safari, allo stesso modo che faresti con un’applicazione web.

Abilitare gli strumenti per sviluppatori Safari

Per abilitare gli strumenti per sviluppatori:

• Apri le preferenze di Safari

  • Fai clic su Safari nella barra dei menu
  • Fai clic su Preferenze

• Fare clic su Avanzate nella finestra Preferenze

• Seleziona "Mostra menu Sviluppo nella barra dei menu"
• Chiudi la finestra Preferenze

Connettere Safari ad iOS

È possibile collegare Safari a un dispositivo o a un emulatore iOS.

• In una finestra della console, passa alla directory principale dell'origine estratta.
• Immetti il seguente comando per avviare l'app sul dispositivo o sull'emulatore.

phonegap run <platform> --device

// -- or -- //

phonegap run <platform> --emulator

• Apri Safari
• Fai clic su Sviluppo nella barra dei menu.
• Seleziona il sottomenu iOS Simulator
• Fare clic su home.html

Debug di JavaScript con Safari Web Inspector

È possibile impostare i punti di interruzione in qualsiasi punto dell'origine. Quando interagisci con l’emulatore o il dispositivo, l’esecuzione dell’app si interrompe in corrispondenza di tali punti di interruzione. Puoi analizzare in dettaglio l’esecuzione e controllare i valori nelle variabili.

• Fare clic su Risorse nella finestra Controllo Web
• Navigare nella struttura di origine e fare clic sul file di origine desiderato
• Fare clic sul numero di riga accanto al punto di interruzione
• Interagire con il dispositivo o l’emulatore

• Utilizza i pulsanti di controllo per continuare l’esecuzione, eseguire un passaggio, eseguire un passaggio e uscire dai metodi:

Passaggi successivi

Dopo aver appreso come sviluppare app con PhoneGap CLI, consulta Accesso alle funzioni del dispositivo.