YouTube

Got a YouTube account?

New: enable viewer-created translations and captions on your YouTube channel!

French subtitles

← 05-24 Le Mode Débogage dans Android Studio

Get Embed Code
13 Languages

Showing Revision 2 created 10/08/2015 by Jonathan Pierrel.

  1. On a bien avancé
    jusqu'ici
  2. Tout en construisant des choses plus
    motivantes dans notre app,
  3. on va devoir améliorer nos
    talents de débogage
  4. Dans cette vidéo,
  5. nous allons apprendre à
    utiliser un outil nommé debugger
  6. On va accéder au debugger
    en utilisant Android Studio,
  7. et le debugger va nous aider à identifier
    et corriger les erreurs de notre code
  8. Ce qui est génial dans le debugger
    c'est qu'on peut mettre l'app en pause
  9. à un moment donné, puis inspecter
    l'état de l'app de bien plus près.
  10. Normalement, quand l'app
    se lance sur l'appareil,
  11. tout le code est exécuté rapidement.
  12. En une milliseconde, ça peut répondre
    à un clic, mettre l'écran à jour,
  13. calculer le prix, etc.
  14. Mais avec le debugger, on peut mettre
    sur pause à une ligne de code spécifique,
  15. et on peut voir ligne par ligne
    aussi vite ou lentement qu'on le souhaite
  16. Si vous souhaitez connaître
  17. plus de techniques de débogage
    de l'app dans Android Studio,
  18. recherchez simplement
    debugging Android Studio.
  19. Le premier lien est bon,
    c'est une page developer.android.com
  20. et ça contient un tas de techniques
    sur le débogage des apps
  21. Là, on va apprendre à
    travailler avec les points d'arrêts.
  22. Après cette leçon,
  23. vous pourrez toujours revenir
    à cette page vous rafraîchir la mémoire.
  24. Dans cet exercice, je souhaite vous
    montrer que votre appareil Android
  25. lance chaque ligne de code une à une,
    du haut vers le bas, dans une méthode.
  26. On peut aussi vérifier qu'en cliquant
    sur le bouton +,
  27. on enclenche la méthode
    d'augmentation.
  28. Et en cliquant sur le bouton -,
    on enclenche la méthode de réduction.
  29. D'abord, ajoutons ce qu'on
    appelle un point d'arrêt.
  30. Un point d'arrêt marque une
    ligne de code spécifique
  31. où le debugger devra faire une
    pause en l'atteignant.
  32. Le point circulaire rouge indique
    que le point d'arrêt
  33. est dans cette ligne, la ligne 25
    de notre fichier d'activité principale.
  34. Vous pouvez ajouter des points d'arrêts
    à autant d'endroits que vous le souhaitez.
  35. Pour l'instant,
  36. je vais juste en mettre un autre sur
    la ligne 1 de la méthode d'augmentation.
  37. Ensuite j'appuie sur l'icône bug
    pour lancer l'app en mode debug.
  38. L'app fera une pause sur
    ces points d'arrêts,
  39. où l'app se lance
    en mode debogage.
  40. Si vous lancez l'app
    normalement
  41. avec le bouton play, alors il n'y aura pas
    de pause sur les points d'arrêts.
  42. Pendant un bref moment sur l'appareil
    vous verrez peut être une conversation
  43. se lancer disant
    "en attente du Debuger".
  44. Il y aussi ce bouton pour forcer l'arrêt
    de l'app, mais ne cliquez pas dessus.
  45. Attendez que le degbugger s'attache,
    et le message s'effacera bientôt.
  46. Puis l'app se relancera normalement
    et vous pourrez interagir avec.
  47. Dans le mode debug, la fenêtre s'affichera
    et montrera le statut du debugger.
  48. Si vous ne la voyez pas, vous pouvez
    appuyer sur cet onglet-ci nommé Debug.
  49. Si je clique sur le bouton + ici,
    je m'attends à ce qu'on lance
  50. la méthode d'augmentation et que l'app
    fera une pause à ce point d'arrêt.
  51. Voyons voir.
  52. Cool, ça s'arrête bien.
  53. Dans la vitre Debug
    on voit une liste de variables.
  54. Cela reflète l'état actuel de l'app
    lorsqu'elle a été mise en pause.
  55. On ne voit pas encore
    la variable quantity
  56. parce qu'elle n'a pas fini
    d'exécuter cette ligne de code là.
  57. Il y a plusieurs options
    sur la procédure à suivre,
  58. mais je vais cliquer sur cette option
    qui propose d'enjamber.
  59. Ca va enjamber cette ligne actuelle de
    code pour aller à la suivante.
  60. Donc la ligne 25 n'a pas
    été exécutée,
  61. donc il y a une variable quantity qui
    s'affiche dans la fenêtre Variables ici.
  62. Maintenant l'app est en pause
    sur la ligne 26.
  63. On a finit d'exécuter la ligne 25,
  64. donc c'est pour cela que la variable
    quantity s'affiche en bas ici.
  65. La valeur de la variable a est de 3,
    ce qui est attendu.
  66. La liste de variables affiche aussi
    la valeur actuelle de toutes les variables.
  67. On peut aussi vérifier que la variable
    quantity a une valeur de 3
  68. qui est attribuée ici.
  69. On sait que l'app est actuellement
    en pause à cet instant,
  70. parce que normalement
    lorsqu'on clique sur + ,
  71. ça devrait automatiquement
    mettre à jour la quantité sur 3.
  72. Mais vu que la quantité est toujours sur 2
  73. on sait que ça n'a pas fini d'exécuter
    la méthode d'augmentation.
  74. On peut cliquer enjamber pour
    aller à la ligne suivante.
  75. A cet instant la méthode est finie
  76. et on n'est pas vraiment intéressés
    de comment c'est actualisé sur l'écran.
  77. Alors on clique sur
    "Resume Program".
  78. Tout ce qui nous importe c'est
    que ça mette bien à jour l'écran.
  79. Si ça vous intéresse, cliquez
    sur ces autres options
  80. pour voir plus en détails comment
    ça devrait se mettre à jour sur l'écran.
  81. A cet instant l'app se lance
    normalement.
  82. Mais le debugger
    est toujours attaché.
  83. Donc si on clique sur + de nouveau,
    ça va encore s'arrêter au point d'arrêt.
  84. Si je veux détacher le debugger pour
    qu'il n'arrête pas l'exécution de la ligne
  85. quand j'appuie sur +, je peux juste
    cliquer sur le bouton rouge Stop.
  86. Dès qu'on appuie sur le bouton +,
    ça répond immédiatement
  87. et ça se met à jour sur 3.
  88. A présent je veux que vous
    le fassiez sur votre ordinateur.
  89. Ajoutez un point d'arrêt pour les méthodes
    d'augmentation et de réduction.
  90. Puis lancez l'app en mode Debug
  91. et sur votre appareil, essayez de
    déclencher chacun de ces points d'arrêts.
  92. Puis passez chaque ligne de code,
    en vous assurant que quantity,
  93. la variable, se mette à jour avec la
    valeur correcte dans la liste Variables.
  94. Cliquez sur le bouton
    Play pour relancer l'exécution de l'app
  95. pour que ça se lance normalement.
  96. Ou bien appuyez sur le
    bouton stop pour détacher le debugger.