3. Embellir la réponse du navigateur

Actuellement, notre API Rest expose bien une réponse au format JSON au monde extérieur, cependant ce n’est pas forcément très lisible. Si on doit être amené à utiliser notre API Rest par la suite, on aimerait plutôt obtenir un bel affichage comme ceci dans notre navigateur :

Ce serait sympa de pouvoir afficher la réponse JSON comme ça dans le navigateur…

Mais… on s’en moque que la réponse s’affiche bien dans le navigateur ! De toute façon, ce sont des applications qui vont lire les réponses de notre API Rest, non ?  🤔

Alors oui, vous avez raison là-dessus ! C’est bien des applications, et donc du code, qui va consommer les réponses de notre API Rest. Par contre, la réponse peut être illisible pour nous, durant la phase de développement et de débogue. Par exemple, comment vérifier qu’il ne manque pas une propriété dans notre réponse, ou alors que telle ou telle donnée est bien celle que nous attendons ? C’est pour cela que même si ce n’est indispensable, on va rapidement ressentir le besoin d’afficher les réponses de notre API Rest de manière plus ergonomique.

Et ça tombe bien, car aujourd’hui la plupart des navigateurs récents proposent de petites extensions, pour améliorer l’affichage de données au format JSON.

Si vous utilisez Chrome, je vous propose d’installer l’extension JSON Viewer, qui est l’extension la plus populaire dans ce domaine. Une fois installé, cette extension s’occupera d’afficher de belles réponses JSON dans votre navigateur !

Remarquez également le tableau contenant les types de pokémon. Il est parfaitement indenté de manière à améliorer la lisibilité. 👍

Sinon, si vous n’utilisez pas Chrome, vous pouvez tout simplement effectuer une recherche Web en tapant le nom de votre navigateur, et en ajoutant le terme Json Viewer. Vous devriez rapidement trouver ce que vous chercher.

Bref, en tout cas cet affichage est génial, et il nous servira beaucoup par la suite, pour vérifier rapidement que toutes les informations sont bien présentes. Avec un tel outil, on est prêt pour passer à la suite !