Fermer

octobre 6, 2020

Diagnostiquer une panne d'API distante


Avez-vous déjà utilisé une API tierce qui semble échouer "au hasard"? Découvrez comment Fiddler Everywhere peut intervenir et vous aider à inspecter et déboguer votre trafic réseau.

Pendant des années, Fiddler a été l'outil de référence 🥇 pour inspecter et déboguer les problèmes de réseau pour les applications Web, de bureau et mobiles. Êtes-vous un développeur React, Angular, Vue.js, UWP, Electron, NativeScript, React Native, Ionic, WinForms, ASP.NET, Ruby, (vous voyez l'image)? Fiddler s'en fiche! Fiddler est totalement indépendant de la technologie.

Fiddler Everywhere représente la prochaine génération d'outillage Fiddler: un ensemble de fonctionnalités de base similaire à Fiddler Classic enveloppé dans une interface multiplateforme plus attrayante.

Dans cette série, nous examinons un ensemble de scénarios spécifiques que beaucoup d'entre nous rencontrent régulièrement lors du développement d'applications. Aujourd'hui, nous allons examiner ce problème redouté de l'échec des API distantes sur nous. Ce sont des ressources distantes qui sont complètement hors de notre contrôle, donc beaucoup plus difficiles à déboguer.

Ceci est le dernier article de la série, alors assurez-vous de consulter les autres articles:

REMARQUE: N'ai pas peur! Fiddler Classic (le Fiddler original) ne va nulle part! Vous pouvez toujours télécharger Fiddler Classic et l'utiliser comme vous l'avez toujours fait sur Windows.

Alors commençons!

Notre scénario: Diagnostiquer une API distante défaillante

En tant que développeur, je ' m en utilisant une API tierce distante pour mon application. Alors que cela fonctionnait très bien depuis des jours, maintenant chaque fois que je génère une requête, cela échoue sans aucun contexte d'erreur! Je copierais et collerais simplement l'URL du point de terminaison dans mon navigateur ou dans un autre outil, mais il y a des jetons d'authentification et des paramètres ajoutés à la demande qui rendent la demande difficile à générer manuellement.

Franchement, j'ai juste besoin de recréer rapidement le demande complète et inspectez / déboguez la réponse qui a échoué, en fonction de l'utilisation dans le monde réel dans mon application.

Solution Fiddler Everywhere

En utilisant Fiddler Everywhere, nous pouvons facilement afficher, enregistrer, lire et inspecter requêtes réseau individuelles effectuées par toute application de bureau exécutée localement (y compris tout navigateur Web moderne).

Pour diagnostiquer et déboguer ce problème particulier, nous pouvons:

  1. Ouvrir Fiddler Everywhere et activer l'option Live Traffic à Capture :

     Fiddler partout capturer le trafic "data-displaymode =" Original "title =" Fiddler partout capturer le trafic "/> </p>
</li>
<li> Ouvrez l'application / le site Web que vous développez (qu'il s'agisse d'un bureau ou d'une application Web). Accédez à l'endroit où la demande a échoué et utilisez les fonctionnalités nécessaires dans l'application pour déclencher la demande distante que vous essayez de déboguer.
</p>
</li>
<li> De retour dans Fiddler Everywhere, basculez l'option <strong> Live Traffic </strong> sur <strong> Paused </strong> afin de limiter le flux d'informations entrant.
</p>
</li>
<li> Trouvez la session spécifique qui vous intéresse. Dans mon cas, j'utiliserai le filtre d'hôte <strong> </strong> pour afficher uniquement le trafic d'un hôte distant spécifique, ce qui facilitera grandement l'identification et le travail avec le problème en question:
</p>
<p><img decoding= rouge s'il génère une erreur.) Lorsque vous le trouvez, inspectez la requête – recherchez les paramètres incorrects dans l'en-tête ou le corps de la requête. Vous pouvez également rechercher une réponse mal formée.

     fiddler inspect request "data-displaymode =" Original "title =" fiddler inspect request "/> </p>
</li>
<li> Ensuite, chargez la session dans Fiddler Everywhere <strong> API Composer </strong>. Faites-le de droite -clic sur la demande spécifique et choisissez <strong> Modifier dans Composer </strong>.
</p>
<blockquote>
<p><strong> REMARQUE: </strong> C'est de loin mon étape préférée. Pourquoi? Au lieu de simplement charger l'URI dans l'API Composer, Fiddler Everywhere <em> transpose également </em> toutes les valeurs d'en-tête ou d'autres paramètres pour dupliquer la requête! </p>
</blockquote>
</li>
<li> Dans le <strong> API Composer </strong>modifiez ce qui est possible des paires clé / valeur d'en-tête, des paramètres ou d'autres erreurs que vous pensez avoir trouvées. Relancez la demande dans API Composer sans accéder à un outil tiers autant de fois que vous le souhaitez.
</p>
<p><img decoding= fonctionnalités de collaboration de Fiddler Everywhere? 😍

Résumé

Aujourd'hui, nous avons examiné rapidement comment Fiddler Everywhere peut être utilisé pour diagnostiquer et résoudre rapidement les problèmes détectés lorsque les API distantes échouent.

Quelle est la prochaine étape de votre parcours Fiddler?

Commencez à utiliser Fiddler Everywhere en en le téléchargeant aujourd'hui pour macOS, Linux ou Windows. Ensuite, découvrez un nouveau produit passionnant de la famille Fiddler: Fiddler Jam .

Happy Fiddling! 🎸





Source link