Cordova - Prima applicazione

Abbiamo capito come installare Cordova e configurare l'ambiente per esso. Una volta che tutto è pronto, possiamo creare la nostra prima applicazione ibrida Cordova.

Passaggio 1: creazione dell'app

Apri la directory in cui desideri installare l'app nel prompt dei comandi. Lo creeremo sul desktop.

C:\Users\username\Desktop>cordova 
   create CordovaProject io.cordova.hellocordova CordovaApp

  • CordovaProject è il nome della directory in cui viene creata l'app.

  • io.cordova.hellocordovaè il valore di dominio inverso predefinito. Se possibile, dovresti utilizzare il tuo valore di dominio.

  • CordovaApp è il titolo della tua app.

Passaggio 2: aggiunta di piattaforme

È necessario aprire la directory del progetto nel prompt dei comandi. Nel nostro esempio, è il fileCordovaProject. Dovresti scegliere solo le piattaforme di cui hai bisogno. Per poter utilizzare la piattaforma specificata, è necessario aver installato l'SDK della piattaforma specifica. Poiché stiamo sviluppando su Windows, possiamo utilizzare le seguenti piattaforme. Abbiamo già installato Android SDK, quindi installeremo solo la piattaforma Android per questo tutorial.

C:\Users\username\Desktop\CordovaProject>cordova platform add android

Esistono altre piattaforme che possono essere utilizzate sul sistema operativo Windows.

C:\Users\username\Desktop\CordovaProject>cordova platform add wp8
C:\Users\username\Desktop\CordovaProject>cordova platform add amazon-fireos
C:\Users\username\Desktop\CordovaProject>cordova platform add windows
C:\Users\username\Desktop\CordovaProject>cordova platform add blackberry10
C:\Users\username\Desktop\CordovaProject>cordova platform add firefoxos

Se stai sviluppando su Mac, puoi usare -

$ cordova platform add IOS
$ cordova platform add amazon-fireos
$ cordova platform add android
$ cordova platform add blackberry10
$ cordova platform add firefoxos

Puoi anche rimuovere la piattaforma dal tuo progetto utilizzando:

C:\Users\username\Desktop\CordovaProject>cordova platform rm android

Passaggio 3: creazione e esecuzione

In questo passaggio creeremo l'app per una piattaforma specificata in modo da poterla eseguire su un dispositivo mobile o un emulatore.

C:\Users\username\Desktop\CordovaProject>cordova build android

Ora possiamo eseguire la nostra app. Se stai usando l'emulatore predefinito dovresti usare -

C:\Users\username\Desktop\CordovaProject>cordova emulate android

Se vuoi usare l'emulatore esterno o il dispositivo reale dovresti usare -

C:\Users\username\Desktop\CordovaProject>cordova run android

NOTE - Useremo il file Genymotion android emulatorpoiché è più veloce e più reattivo di quello predefinito. Puoi trovare l'emulatore qui . È inoltre possibile utilizzare il dispositivo reale per il test abilitandoUSB debuggingdalle opzioni e collegandolo al computer tramite cavo USB. Per alcuni dispositivi, sarà necessario installare anche il driver USB.

Una volta eseguita l'app, la installeremo sulla piattaforma che abbiamo specificato. Se tutto è finito senza errori, l'output dovrebbe mostrare la schermata iniziale predefinita dell'app.

Nel nostro prossimo tutorial, ti mostreremo come configurare l'applicazione Cordova.