• Accueil / Salesforce / Qu’est-ce que le…
, Qu&rsquo;est-ce que le mode de débogage pour les composants Lightning ?<span class="wtr-time-wrap after-title"><span class="wtr-time-number">7</span> minutes de lecture</span>

Qu’est-ce que le mode de débogage pour les composants Lightning ?7 minutes de lecture


Que vous soyez un administrateur aventureux ou un sage de Salesforce, vous aurez rencontré à un moment ou à un autre des composants Lightning. Ces merveilleuses petites choses sont le moteur de Salesforce moderne et peuvent être n’importe quoi, d’un champ individuel sur une mise en page à la barre de navigation que nous utilisons pour parcourir nos organisations préférées toute la journée.

Alors que la plupart du temps, tout fonctionne parfaitement, parfois un composant peut devenir malveillant et générer un message d’erreur effrayant ! Cependant, ne vous inquiétez pas, le mode de débogage est un outil merveilleux caché dans la zone de configuration qui peut désactiver tous ces bogues embêtants – mais sur une note plus sérieuse – il peut être un véritable atout pour trouver la cause et éventuellement écraser ces insaisissables questions.

, Qu&rsquo;est-ce que le mode de débogage pour les composants Lightning ?<span class="wtr-time-wrap after-title"><span class="wtr-time-number">7</span> minutes de lecture</span>

À quoi sert le mode de débogage ?

Le mode de débogage dans sa forme la plus simple aide les développeurs à résoudre plus facilement les bogues (qu’ils ont pu causer !) dans les composants Lightning, en modifiant la façon dont Salesforce présente ce code à votre navigateur.

Le mode de débogage modifie fondamentalement la façon dont les composants Lightning sont chargés lorsqu’il est actif et varie selon que vous travaillez avec Aura ou Lightning Web Components (LWC).

Le mode de débogage ajoute des compteurs de changement de couleur dans le coin supérieur droit de l’écran et supprime la minification de Salesforce et du code de composant personnalisé.

, Qu&rsquo;est-ce que le mode de débogage pour les composants Lightning ?<span class="wtr-time-wrap after-title"><span class="wtr-time-number">7</span> minutes de lecture</span>

Image : notez les compteurs colorés à droite !

Ces deux changements subtils ont de gros impacts sur l’organisation dans laquelle vous travaillez et les données qui vous sont présentées lorsqu’une erreur se produit. Alors, regardons de plus près ce qui se passe vraiment !

EPT : « Les Comptoirs Fantaisies »

Ces compteurs sont facilement identifiables dans le coin supérieur droit de la page, préfixés par l’étiquette « EPT », signifiant « Temps de page expérimenté ». Il devrait y avoir deux pions (en vert, espérons-le !) l’un à côté de l’autre avec des unités différentes.

, Qu&rsquo;est-ce que le mode de débogage pour les composants Lightning ?<span class="wtr-time-wrap after-title"><span class="wtr-time-number">7</span> minutes de lecture</span>

Image : gros plan des pions, notez leurs unités, et les différentes couleurs de la figure 1.

Le premier compteur est le temps de chargement de la page en secondes. Plus le temps de chargement est long, plus le nombre est élevé et la couleur commencera à passer du vert à l’orange et éventuellement au rouge si la page se charge à un rythme d’escargot.

Cette métrique est généralement collectée et exposée dans l’application Lightning Usage et, lorsque le mode de débogage est activé, elle affichera probablement un nombre beaucoup plus lent que la normale en raison des implications de l’activation du mode de débogage. En pratique, vous souhaitez utiliser cette jauge uniquement comme indicateur de performance relative, et non absolu. Si vous avez besoin de valeurs précises dans un état prêt pour la production, vous pouvez activer ce compteur sans le reste du mode de débogage en ajoutant « ?eptVisible=1 » à l’URL de votre page. Par example – « https://my-domain .lightning.force.com/one/one.app?eptVisible=1 »

Le deuxième compteur mesure la quantité de données stockées par diverses actions entreprises par la page. Plus le nombre est élevé, plus la mémoire est utilisée.

Selon votre cas d’utilisation, un nombre plus élevé peut être une bonne chose, indiquant que davantage de données sont mises en cache et améliore généralement la rapidité de vos composants. D’un autre côté, un niveau trop élevé, ou qui monte plus vite qu’une marée de printemps, pourrait indiquer des fuites de mémoire ou d’autres problèmes au sein de votre composant ! Il est préférable d’enquêter davantage sur ceux-ci, avant qu’ils n’engloutissent la mémoire vive de votre ordinateur plus rapidement que la cuisine de votre mère !

Code mini-if-whatcha-ma-call-it ?

L’autre aspect, et à mon avis une partie beaucoup plus utile du mode de débogage, est la suppression de la minification du code. Vous pourriez être pardonné de penser que tout code de composant Lightning personnalisé écrit pour Salesforce est exactement ce qui est fourni directement aux utilisateurs par les serveurs Salesforce, mais ce n’est pas le cas. Pour Aura Components, le code est à peine modifié. Ce point n’est donc pas trop pertinent pour eux, mais pour les composants Web Lightning (qui incluent ceux que Salesforce utilise eux-mêmes pour créer Lightning !), tous leurs codes sont modifiés pour réduire le nombre de caractères présents – ceci est fait pour réduire la taille de les fichiers et, par conséquent, diminue les temps de chargement « le rendant rapide comme l’éclair ! ».

, Qu&rsquo;est-ce que le mode de débogage pour les composants Lightning ?<span class="wtr-time-wrap after-title"><span class="wtr-time-number">7</span> minutes de lecture</span>

Image : comment dois-je lire ceci ? Tiré des sources de Chrome ou de l’onglet du débogueur de Firefox.

Lors de l’activation du mode de débogage, le code servi n’a pas subi ce processus de minification, donc le code est plus représentatif de ce qui a été réellement écrit par le développeur, juste avec quelques lignes supplémentaires fournies par le framework Lightning Web Component. Étant donné que le code n’a pas subi ce processus de minification, le serveur de fichiers réel peut être beaucoup plus volumineux. Ainsi, l’un des principaux inconvénients du mode de débogage devient évident – tout est beaucoup plus lent lorsque le mode de débogage est activé, vous ne devriez donc l’utiliser que lors du débogage ou du développement actif.

Comment utiliser le mode de débogage

Alors maintenant, nous savons ce que fait le mode de débogage. La prochaine étape consiste à le faire fonctionner pour nous. Comme indiqué précédemment, le principal avantage de l’exécution en mode débogage est la suppression de la minification du code dans notre propre code LWC et dans le code de la propre plate-forme de Salesforce. En pratique, le plus gros avantage est que les gros messages d’erreur effrayants rouges commencent réellement à avoir un sens, n’ayant plus de traces de pile qui ressemblent davantage à des équations écrites pour emmener quelqu’un sur la lune. Vous pouvez vous attendre à ce que les messages d’erreur semblent beaucoup plus familiers (même s’il y aura toujours un peu de gaufre là-dedans !).

, Qu&rsquo;est-ce que le mode de débogage pour les composants Lightning ?<span class="wtr-time-wrap after-title"><span class="wtr-time-number">7</span> minutes de lecture</span>

Image : qui a invité Mr T ? J’aurais aimé savoir ce que cela signifiait….

, Qu&rsquo;est-ce que le mode de débogage pour les composants Lightning ?<span class="wtr-time-wrap after-title"><span class="wtr-time-number">7</span> minutes de lecture</span>

Image : avec le mode debug activé – beaucoup plus facile à comprendre !

Comme vous pouvez probablement l’imaginer, lorsqu’un message d’erreur ressemble à un message d’erreur, vous aurez beaucoup plus de facilité à identifier le problème embêtant et à éliminer ce bogue une fois pour toutes, lorsque vous le combinez avec l’armée suisse de débogage, de débogage de navigateur outils (voir Mozilla Developer Network ou la documentation de Google sur leurs débogueurs JavaScript en fonction de votre navigateur de choix pour une lecture complémentaire inestimable).

Dernières pensées

Bien qu’aucun outil de débogage ne soit une baguette magique qui peut être agitée dans votre organisation pour faire disparaître tous vos bogues, le mode de débogage devrait certainement être l’un des outils de votre boîte à outils lorsque des bogues entravent votre progression. Il vous permet de revoir ce qui se passe dans un format plus familier et compréhensible. Bien qu’il s’agisse d’un outil merveilleux, en raison de l’inconvénient le plus notable de son utilisation (performances réduites), comme un marteau, vous ne devez l’utiliser qu’en cas de besoin, sinon vous risquez de vous causer des problèmes inutiles.



Source de l’article traduit automatiquement en Français

Besoin d'aide ?
Vous utilisez Pardot depuis un certain temps mais vous n'êtes pas sûr d'en
exploiter tout le potentiel

Notre analyse de votre Pardot offerte dès aujourd'hui
Merci, vous pouvez compléter notre questionnaire
Nous allons revenir vers vous rapidement !

Fermer