Mobile Angular UI - Creazione di file APK

In questo capitolo, creeremo un file apk dell'app Mobile Angular UI. Faremo uso della configurazione dell'app eseguita utilizzando cordova e phonegap nel capitolo precedente. Quindi per favore controlla il capitolo precedente suApp Setup using PhoneGap and Cordova dove abbiamo già installato cordova, phonegap e creato l'app Mobile Angular UI in cordova.

Creiamo ora un file APK per l'app creata. Per questo dobbiamo installare quanto segue:

  • Kit di sviluppo Java (jdk 1.8)
  • Gradle
  • Strumenti SDK Android

Kit di sviluppo Java (jdk 1.8)

Per creare l'app e compilarla, un requisito importante è JDK 1.8. Abbiamo bisogno della versione di jdk come 1.8 in quanto è stabile fino ad ora con la build di cordova.

Vai al seguente link per installare jdk1.8.

Installa Jdk secondo il tuo sistema operativo. Una volta completata l'installazione, è necessario aggiornare il percorso dell'ambiente JAVA_HOME. In caso di difficoltà nell'installazione di Jdk, fare riferimento a questoJava installation tutorial.

Per consentire agli utenti di Windows di aggiornare Envionment Path, fare clic con il pulsante destro del mouse su Risorse del computer → proprietà → Impostazioni di sistema avanzate

Verrà visualizzata la schermata come mostrato di seguito:

Fare clic su Variabili d'ambiente. Verrà visualizzata la schermata come mostrato di seguito:

Fare clic sul pulsante Nuovo, verrà visualizzata una schermata come mostrato di seguito -

Il nome della variabile sarà JAVA_HOME e il valore della variabile sarà il percorso in cui si trova jdk 1.8.

Una volta terminato, chiudi il prompt dei comandi e aprilo di nuovo. Ora digita java –version, dovrebbe visualizzare la versione di java che hai installato come mostrato di seguito -

Abbiamo finito con l'installazione di JAVA.

Gradle

Ora installa gradle, che è uno dei requisiti importanti per creare l'app.

Vai alla pagina di installazione di Gradle e installa l'ultima versione di gradle in base al tuo sistema operativo, scaricala e installala sul tuo sistema. Una volta installato è necessario aggiornare il percorso di Gradle nelle variabili d'ambiente. In caso di difficoltà nell'installazione, fare riferimento a questo tutorial gradle .

Affinché gli utenti Windows aggiornino la variabile di ambiente, aggiungi la posizione di gradle nella variabile Path come mostrato di seguito -

Una volta terminato, chiudi il prompt dei comandi se aperto. Ora apri il prompt dei comandi e controlla la versione di gradle installata.

Abbiamo installato Gradle versione 6.2.2 per questo tutorial.

Strumenti SDK Android

Ora installa Android Studio sul tuo sistema. Insieme ad Android Studio, verrà installato anche il pacchetto Android sdk. Siamo più interessati al pacchetto Android SDK. Il pacchetto SDK avrà strumenti e strumenti di compilazione, dobbiamo aggiungere lo stesso alle variabili di ambiente per consentire a cordova di accedere durante la compilazione. In caso di difficoltà, fare riferimento a questo tutorial per l' installazione di Android Studio .

Per gli utenti Windows, individuare il percorso di Android SDK e aggiungere la variabile ANDROID _SDK_ROOT alla variabile di ambiente come mostrato di seguito -

Ora aggiungi gli strumenti e il percorso degli strumenti di costruzione, ad esempio:

C:\Users\AppData\Local\Android\Sdk\build-tools;C:\Users\AppData\Local\Android\Sdk\tools\bin;

Alla variabile del percorso alla fine come mostrato di seguito -

Una volta fatto, chiudi il prompt dei comandi e aprilo di nuovo.

Esegui il comando: sdkmanager "platform-tools" "piattaforme; android-28" nel prompt dei comandi. Installerà l'API di destinazione android-28 di cui abbiamo bisogno. Per maggiori dettagli su sdkmanager fare riferimento al collegamento sottostante -

https://www.tutorialspoint.com/android/android_sdk_manager.htm

Abbiamo già creato una configurazione del progetto utilizzando cordova e phonegap nel capitolo precedente. Ecco come appare l'app nel browser:

Controlliamo ora se cordova ha tutti i dettagli per creare l'app. Per fare ciò possiamo usare il seguente comando: requisiti cordova .

Crea l'app

Per creare l'app utilizzando cordova il comando è il seguente:

cordova build

Il comando precedente creerà l'app per tutte le piattaforme che hai aggiunto.

Per eseguire la piattaforma di compilazione, puoi utilizzare il seguente comando:

cordova build ios
cordova build android

Abbiamo aggiunto per una sola piattaforma, ad esempio Android, quindi è possibile utilizzare direttamente il comando di compilazione cordova.

Se la compilazione ha esito positivo, dovresti ottenere il seguente output:

Visualizza la posizione del file apk dell'app. Ora abbiamo l'apk, ma non possiamo pubblicare lo stesso, poiché è un app-debug.apk. Abbiamo bisogno di un apk di rilascio che possa essere pubblicato in Google Play Store.

Versione dell'app

Per creare il rilascio dell'app, dobbiamo creare un keystore. Un keystore è un file che dispone di chiavi e certificati privati.

Per creare un file keystore si farà uso di keytool JAVA. Uno strumento chiave JAVA è uno strumento che aiuta a creare un certificato.

Di seguito è riportato il comando per creare un keystore:

keytool -genkey -v -keystore testapp-key.keystore 
-alias testapp-key -keyalg RSA -keysize 2048 -validity 10000

Il nome del keystore che abbiamo utilizzato è il seguente:

testapp-key.keystore

L'alias è testapp-key come il nome.

Esegui il comando nella riga di comando dalla cartella principale del progetto.

Quando il comando viene eseguito, ti farà alcune domande, come password, nome e cognome, unità organizzativa, città, stato, ecc. Puoi inserire le informazioni e una volta fatto il keystore verrà creato e il file keystore verrà memorizzato al suo interno la cartella principale del progetto.

Una volta terminato il keystore, crea un build.json all'interno di myfirstapp \ testapp \ piattaforme \ android \ build.json.

I dettagli sono come mostrato di seguito -

{
   "android":{
      "release":{
         "keystore":"testapp-key.keystore",
         "storePassword":"testapp123",
         "alias":"testapp-key",
         "password":"testapp123",
         "keystoreType":""
      }
   }
}

Dovrai inserire i dettagli del keystore e la password che hai inserito durante la generazione del keystore.

Una volta che il keystore e il build.json sono terminati, siamo ora pronti per creare l'apk per il rilascio.

Di seguito è riportato il comando per costruirlo -

cordova build android --release

Una volta che la build ha esito positivo, otterrai l'apk di rilascio come mostrato di seguito:

Ora puoi utilizzare questo apk nel tuo Google Play Store per pubblicarlo e rendere attiva la tua app.

Google Play Store

Una volta che hai app-release.apk pronto, devi caricarlo su Google Play Store. Per caricare è necessario accedere a Google Play Store. La prima volta che l'utente deve pagare $ 25 come prezzo iniziale dello sviluppatore. Fatto ciò, puoi procedere e caricare il tuo file apk. Puoi seguire i passaggi indicati qui per caricare il tuo file APK.