Sviluppo di app con PhoneGap CLI developing-apps-with-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 bootstrap-your-development-environment
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 download-the-source
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) build-and-load-the-app-from-source
PhoneGap CLI può creare un progetto di piattaforma, compilare l’origine e distribuire l’app in un unico comando.
https://phonegap.com/blog/2014/11/13/phonegap-cli-3-6-3/
).- Verifica di aver installato PhoneGap CLI, vedi sopra.
- In una finestra della console (o del terminale), passa alla directory principale della sorgente estratta.
- Immetti il comando seguente:
phonegap run android
// -- or -- //
phonegap run ios
- Creare una cartella (test mkdir)
- Passa a questa nuova cartella (test cd)
- Esegui
phonegap create helloWorld
- Navigare in helloWorld (cd helloWorld)
- Esegui
phonegap run android
(o sostituisci Android™ con iOS come sopra). - L’emulatore apre l’esecuzione dell’app PhoneGap appena creata, indicando "Device Ready" (Pronto per il dispositivo) se JavaScript Bridge to native è operativo.
Eseguire il debug di JavaScript con il debug di Safari e IOS debug-javascripts-with-safari-and-ios-debug
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 enable-safari-developer-tools
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 connect-safari-to-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 debug-javascript-with-safari-s-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 the-next-steps
Dopo aver appreso come sviluppare app con PhoneGap CLI, consulta Accesso alle funzioni del dispositivo.