Interface utilisateur angulaire mobile - Création d'un fichier APK

Dans ce chapitre, nous allons créer un fichier apk de l'application Mobile Angular UI. Nous allons utiliser la configuration de l'application effectuée à l'aide de cordova et phonegap dans le chapitre précédent. Veuillez donc consulter le chapitre précédent surApp Setup using PhoneGap and Cordova où nous avons déjà installé cordova, phonegap et créé l'application Mobile Angular UI à cordova.

Créons maintenant un fichier APK pour l'application créée. Pour cela, nous devons installer ce qui suit -

Kit de développement Java (jdk 1.8)
Gradle
Outils du SDK Android

Kit de développement Java (jdk 1.8)

Pour créer l'application et la construire, une exigence importante est JDK 1.8. Nous avons besoin de la version de jdk 1.8 car c'est une version stable jusqu'à présent avec cordova build.

Allez sur le lien suivant pour installer jdk1.8.

Installez le Jdk selon votre système d'exploitation. Une fois l'installation terminée, il est nécessaire de mettre à jour le chemin de l'environnement JAVA_HOME. Si vous rencontrez des difficultés lors de l'installation de Jdk, reportez-vous àJava installation tutorial.

Pour que les utilisateurs de Windows mettent à jour Envionment Path, faites un clic droit sur Mon ordinateur → propriétés → Paramètres système avancés

Il affichera l'écran comme indiqué ci-dessous -

Cliquez sur Variables d'environnement. Il affichera l'écran comme indiqué ci-dessous -

Cliquez sur le bouton Nouveau, il affichera un écran comme indiqué ci-dessous -

Le nom de la variable sera JAVA_HOME et la valeur de la variable sera le chemin où se trouve jdk 1.8.

Une fois terminé, fermez votre invite de commande et ouvrez-la à nouveau. Maintenant, tapez java –version, il devrait afficher la version de java que vous avez installée comme indiqué ci-dessous -

Nous avons terminé l'installation de JAVA.

Gradle

Maintenant, installez gradle, qui est l'une des exigences importantes pour créer l'application.

Accédez à la page d' installation de Gradle et installez la dernière version de gradle selon votre système d'exploitation, téléchargez-la et installez-la sur votre système. Une fois installé, vous devez mettre à jour le chemin de Gradle dans les variables d'environnement. Si vous rencontrez des difficultés lors de l'installation, reportez-vous à ce tutoriel gradle .

Pour que les utilisateurs de Windows mettent à jour la variable d'environnement, ajoutez l'emplacement de gradle dans la variable Path comme indiqué ci-dessous -

Une fois terminé, fermez l'invite de commande si elle est ouverte. Ouvrez maintenant l'invite de commande et vérifiez la version de gradle installée.

Nous avons installé la version 6.2.2 de Gradle pour ce tutoriel.

Outils du SDK Android

Maintenant, installez Android Studio sur votre système. Avec Android Studio, le package Android sdk sera également installé. Nous sommes plus intéressés par le package Android SDK. Le package SDK aura des outils et des outils de construction, nous devons ajouter la même chose aux variables d'environnement pour que cordova puisse accéder pendant la construction. Si vous rencontrez des difficultés, reportez-vous à ce tutoriel pour l' installation d' Android Studio .

Pour les utilisateurs de Windows, recherchez le chemin du sdk android et ajoutez la variable ANDROID _SDK_ROOT à la variable d'environnement comme indiqué ci-dessous -

Ajoutez maintenant le chemin des outils et des outils de construction par exemple -

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

À la variable de chemin à la fin comme indiqué ci-dessous -

Une fois terminé, fermez l'invite de commande et ouvrez-la à nouveau.

Exécutez la commande: sdkmanager "platform-tools" "plates-formes; android-28" dans l'invite de commande. Il installera l'API cible android-28 dont nous avons besoin. Pour plus de détails sur sdkmanager, reportez-vous au lien ci-dessous -

Nous avons déjà créé une configuration de projet en utilisant cordova et phonegap dans le chapitre précédent. Voici à quoi ressemble l'application dans le navigateur -

Vérifions maintenant si cordova a tous les détails pour créer l'application. Pour ce faire, nous pouvons utiliser la commande suivante - exigences cordova .

Construisez l'application

Pour créer l'application à l'aide de cordova, la commande est la suivante -

cordova build

La commande ci-dessus créera l'application pour toutes les plates-formes que vous avez ajoutées.

Pour exécuter la plate-forme de construction, vous pouvez utiliser la commande suivante -

cordova build ios
cordova build android

Nous avons ajouté pour une seule plate-forme, c'est-à-dire Android, nous pouvons donc utiliser directement la commande cordova build.

Si la construction réussit, vous devriez obtenir la sortie suivante -

Il affiche l'emplacement du fichier apk de l'application. Maintenant, nous avons l'apk, mais nous ne pouvons pas le publier, car il s'agit d'un app-debug.apk. Nous avons besoin d'une version apk qui puisse être publiée sur Google Play Store.

Version de l'application

Pour créer une version d'application, nous devons créer un magasin de clés. Un magasin de clés est un fichier contenant des clés privées et des certificats.

Pour créer un fichier de keystore, vous utiliserez JAVA keytool. Un keytool JAVA est un outil qui permet de créer un certificat.

Voici la commande pour créer un keystore -

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

Le nom du keystore que nous avons utilisé est le suivant -

testapp-key.keystore

L'alias est testapp-key identique au nom.

Exécutez la commande dans la ligne de commande à partir du dossier racine du projet.

Lorsque la commande s'exécute, elle vous posera des questions, telles que le mot de passe, le prénom et le nom, l'unité d'organisation, la ville, l'état, etc. le dossier racine du projet.

Une fois le keystore terminé, créez un build.json dans myfirstapp \ testapp \ plates-formes \ android \ build.json.

Les détails sont indiqués ci-dessous -

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

Vous devrez entrer les détails du keystore, ainsi que le mot de passe que vous avez entré lors de la génération du keystore.

Une fois le keystore et build.json terminés, nous sommes maintenant prêts à construire l'apk pour la publication.

Voici la commande pour le construire -

cordova build android --release

Une fois la construction réussie, vous obtiendrez l'apk de version comme indiqué ci-dessous -

Vous pouvez maintenant utiliser cet apk dans votre Google Play Store pour le publier et mettre votre application en ligne.

Google Play Store

Une fois que vous avez prêt app-release.apk, vous devez le télécharger sur Google Play Store. Pour téléverser, vous devez vous connecter à Google Play Store. Le premier utilisateur doit payer 25 $ comme prix de départ du développeur. Une fois que cela est fait, vous pouvez continuer et télécharger votre fichier apk. Vous pouvez suivre les étapes indiquées ici pour télécharger votre fichier APK.

↰ Previous page Next page ↱