Comment tester et débuguer une application ou un site avec un émulateur Android

Temps de lecture estimé: 2 minutes

Pour débuguer une application ou un site web sur Android, la meilleure façon reste quand même d’avoir et d’utiliser un véritable appareil mobile Android. Mais si tu n’en as pas sous la main, tu peux aussi utiliser l’émulateur Android inclus avec Android Studio.

voilà le programme:

Téléchargement et installation d’Android Studio

tu peux télécharger et installer Android Studio depuis

https://developer.android.com/studio

Vérifiez que vous avez toutes les dépendances installées dans le gestionnaire SDK

lancement d'Android Studio
lancement d’Android Studio

une fois qu’Android Studio est téléchargé et installé, vérifie et installe toutes les dépendances dont on va avoir besoin (notamment Android Emulator et Intel x86 Emulator Accelerator (HAXM installer)

Installation d'Android Emulator
Installation d’Android Emulator

Ajoutez des variables d’environnement

pour utiliser la ligne de commande directement sans devoir ajouter le chemin complet, ajoutez 2 chemins à la variable système Path :

C:\Users\antho\AppData\Local\Android\Sdk\emulator
C:\Users\antho\AppData\Local\Android\Sdk\platform-tools
ajout d'un chemin dans la variable système Path
ajout d’un chemin dans la variable système Path

Configurer un virtual device

toujours dans Android Studio, tu peux ajouter un virtual device avec le Virtual Device Manager

ouvrir le Virtual Device Manager
ouvrir le Virtual Device Manager
créer un virtual device
créer un virtual device

tu peux choisir parmi les appareils préexistants ou créer un nouveau profil qui correspond à l’appareil que tu souhaites émuler

choisir un appareil existant
choisir un appareil existant

moi j’avais besoins de tester un appareil spécifique (un Honeywell EDA52) donc j’ai créé un nouveau profil hardware. j’ai pu personnaliser le matériel à émuler (la taille de l’écran, sa définition la RAM … )

choisir le matériel de l'appareil
personnaliser le matériel de l’appareil

une fois ton choix fait, sur l’écran suivant, tu peux sélectionner la version d’Android (et la télécharger si nécessaire)

sélectionner la version d'Android
sélectionner la version d’Android

Et vous avez terminé la configuration de votre émulateur

configuration terminée
configuration terminée

Carte SD

Pendant la configuration ou lors de la modification d’un appareil, tu peux définir si tu souhaites utiliser une carte SD (et en définir le type). Studio Managed est pratique car tu peux l’explorer directement avec Android Studio et transférer certains fichiers

tu n'a pas besoin d'une carte SD pour transférer des fichiers vers l'appareil, c'est juste pour simuler une carte SD
simuler une carte SD
simuler une carte SD

Lancer l’émulateur Android

Pour démarrer le device, tu peux simplement cliquer sur le bouton de lecture en face de l’appareil dans le Device Manager

Device Manager
Device Manager

et tadaaam!! l’emulateur est lancé!

émulateur lancé
émulateur lancé

Naviguer à travers les fichiers de l’appareil

tu peux naviguer à travers les fichiers de l’appareil avec l’Explorateur de fichiers d’appareil Android dans Android Studio. Pour ça, tu dois ouvrir la fenêtre complète d’Android Studio (tu dois peut-être créer un projet ou ouvrir un fichier)

Android Studio menu File Explorer
Android Studio menu File Explorer

Et ensuite naviguer à travers les fichiers de ton appareil. pratique pour y déposer des fichiers de test ou une apk à installer

explorer les fichiers du device
explorer les fichiers du device

Ligne de commande

Si tu souhaites t’affranchir de lancer à chaque fois Android Studio, tu peux utiliser la ligne de commande.

par exemple pour lister les émulateurs disponibles sur ton ordinateur:

emulator -list-avds 

Et l’exécuter avec la commande

emulator @TON_EMULATEUR
exemple ligne de commande
exemple ligne de commande

Débugué à distance

Tu peux ensuite utiliser l’émulateur comme bon te semble, pour installer et tester une apk ou comme moi pour débuguer un site web. Pour le deuxième point, tu peux débuguer ton application web / ton site depuis ton appareil Android en utilisant ton navigateur Chrome sur ton PC.

D'ailleurs ce point fonctionne avec l'émulateur mais aussi avec un vrai appareil physique, ton smartphone Android par exemple.

Pour faire ça:

  • tu dois activer le débuguage USB sur l’appareil (option pour les développeurs dans les paramètres de l’appareil)
  • Si c’est un appareil physique / ton smartphone, tu dois le connecter via USB (certaines options existent également pour le débugué via le réseau / Wifi)

Ouvre Chrome et la page

chrome://inspect/#devices

ton appareil avec la liste des onglets ouverts dans Chrome devrait apparaître

Google Chrome inspect devices
Google Chrome inspect devices

Tu peux ensuite inspecter les éléments de vos pages, analyser le réseau, mettre des points d’arrêt sur les scripts JavaScript, etc.

Google Chrome remote Devtools
Google Chrome remote Devtools

voilà j’espère que ce petit tuto te servira.
en attendant je te dis à bientôt pour de prochaine aventures !!

Partagez l'article:
FacebookTwitterEmailLinkedIn

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.