JSON, ou JavaScript Object Notation, est le pain et le beurre de chaque développeur d'applications. En dépit d'avoir JavaScript dans son nom, il est en fait utilisé dans de nombreux langages, de Python à Go. Chaque langage a son propre analyseur pour « comprendre » les charges utiles JSON valides, ce qui en fait le moyen le plus utile pour les API de communiquer avec d'autres programmes.

Qu'est-ce que JSON?

Pour ceux d'entre nous qui ne savent pas ce qu'est JSON, c'est une syntaxe avec laquelle des données sont échangées entre deux logiciels en communication, généralement via HTTP. Il s'agit de la forme sous laquelle les données sont envoyées depuis, par exemple, votre page Web Twitter ou votre application Twitter Mobile vers les serveurs de Twitter.

Cela permet aux gens de travailler sur différents frontaux (interface utilisateur Web, application officielle, clients tiers, etc.) pour le même service Twitter.

Un objet JSON consiste en une liste non ordonnée de données ou valeurs et chaque valeur est peut être représentée par un Nom. Les types de données autorisés sont :

Chaîne
Nombre
Un autre objet JSON (vous pouvez donc avoir des objets JSON imbriqués les uns dans les autres)
booléen
Nul
Tableau : une liste ordonnée de l'un des types de données ci-dessus

C'est bien beau, mais JSON n'est pas très lisible par l'homme et nous avons donc besoin d'un embellisseur JSON quelque chose qui peut transformer ceci : « nom » : « John », « âge » : 31, « ville » :"New York" dans ceci :

"nom": "Jean",
"âge": 31,
"ville": "New York"

Maintenant, déchiffrer quels sont les noms et quelles sont les valeurs est beaucoup plus facile. Par exemple, "ville" est le nom avec la valeur "New York".

Vous pouvez facilement lire ce dernier format alors que le premier est juste parsemé de guillemets et de virgules au point où vous ne pouvez pas comprendre où se termine une valeur et où commence le nom suivant. Avec des applications compliquées et des charges utiles JSON importantes, ce problème peut devenir incontrôlable assez rapidement. Nous avons donc besoin d'un Embellisseur JSON pour les développeurs d'applications pour les aider à garder une trace des choses. Voici quelques options organisées qui peuvent être utilisées sous Ubuntu, bien que, comme vous le verrez, certaines d'entre elles fonctionnent comme des extensions d'éditeur et peuvent s'exécuter sur n'importe quel système d'exploitation avec Visual Studio Code ou l'éditeur Atom installé, il existe également un utilitaire Web qui permet de tester le des eaux:

1. Visionneuse JSON Code Beautify

Cet utilitaire Web offre des fonctionnalités, dont celle d'embellissement, qui rend votre objet JSON plus convivial pour l'œil humain. Parallèlement à cela, il dispose également d'une fonction de minification qui emballe étroitement l'objet JSON, en supprimant les espaces blancs en excès.

Il y a une fonctionnalité qui vous permet de choisir entre des onglets durs ou des espaces d'une longueur donnée pour l'indentation et bien plus encore. Les inconvénients de son utilisation sont :

Vous ne pouvez pas l'utiliser nativement avec votre éditeur de texte, basculer entre l'éditeur et le navigateur Web est gênant.
Non sécurisé. Les charges utiles JSON contiennent souvent des jetons d'authentification, des clés API et d'autres informations sensibles. Vous ne voulez pas le coller dans une page Web non fiable.

2. Pretty JSON (extension pour Sublime Text Editor 2 et 3)

Le prochain sur la liste est Pretty JSON, un package pour ceux qui bercent un sublime éditeur de texte 2 ou 3. Le package est riche en fonctionnalités avec un support pour convertir JSON en XML, embellir JSON ou le minifier.

Il n'y a pas de touches de raccourci par défaut qui accompagnent cette extension, et vous devrez soit définir ces raccourcis vous-même, soit utiliser la palette de commandes Ctrl[Cmd]+Maj+P pour l'utiliser.

3. Outils JSON (extension pour VS Code)

VS Code, l'éditeur de texte le plus populaire, a une extension pour à peu près tout ce qui se trouve sous le soleil. L'une de ces extensions est JSON Tools et la meilleure chose à ce sujet est que vous n'avez même pas besoin d'atteindre votre souris si vous ne le souhaitez pas.

Il n'offre que deux fonctionnalités simples et utiles : JSON prettify et JSON minify. Il est accessible directement à partir de la palette de commandes (Ctrl[Cmd]+Shift+P ) où vous pouvez rechercher JSON minify ou prettify. Vous pouvez aller Ctrl[Cmd]+Alt+P pour embellir directement le texte sélectionné ou et Alt+M pour le minifier.

4. Pretty-JSON (extension pour Atom Text Editor)

L'éditeur Pretty-JSON pour Atom est livré avec des fonctionnalités pour prettify, minify, sort et prettify (qui trie votre objet JSON par le nom de chaque valeur) et quelques autres fonctionnalités utiles. Compte tenu du nombre de raccourcis clavier et de commandes déjà disponibles dans Atom, l'auteur a décidé que par défaut vous pouvez utiliser cette extension directement via la palette de commandes Ctrl[Cmd]+Shift+P. Si vous décidez que vous voulez un raccourci personnalisé, vous pouvez toujours accéder aux paramètres et en configurer un.

L'éditeur Atom est déjà tristement célèbre pour son temps de démarrage lent et cette extension y ajoute une quantité importante. Mon éditeur (qui est installé à l'intérieur d'une VM, donc les résultats sont un peu exagérés) obtient une augmentation de plus de 4000 ms du temps de démarrage pour Atom. Que plus de 4 secondes d'attente pour qu'un éditeur de texte s'ouvre. Même dans une machine virtuelle peu performante, le temps d'attente est trop long et c'est la seule critique que j'ai à propos de cette extension.

Conclusion

Si vous êtes développeur, il est probable que vous utilisiez l'un des éditeurs répertoriés ci-dessus. Espérons que les outils mentionnés ici répondront à vos attentes et amélioreront votre flux de travail.