Blog

À propos de ViewJSON

En bref

  • Previsualise beaucoup de chaînes Base64 dans le JSON (style API) comme images, audio, vidéo et PDF directement dans l’arbre.
  • La consultation et l’édition s’exécutent dans le navigateur. Pour les liens partagés : chiffrement AES-GCM côté client, seul le chiffré est stocké, la clé reste dans le fragment d’URL.
  • Éditeur basé sur CodeMirror 6, adapté aux charges volumineuses ; les fichiers très grands (ordre de 100 Mo) peuvent afficher un avertissement.
  • Utile pour les réponses d’API/IA, les corps de requêtes multimodales et le partage d’équipe par liens courts chiffrés.

Dernière mise à jour :

ViewJSON est une visionneuse et un formateur JSON en ligne gratuit conçu pour les développeurs qui travaillent avec des API renvoyant des médias encodés en Base64. Contrairement aux formateurs JSON traditionnels qui traitent chaque valeur de chaîne comme du texte brut, ViewJSON détecte automatiquement le contenu encodé en Base64 et l'affiche sous forme d'images, de lecteurs audio, de lecteurs vidéo ou d'aperçus PDF — directement dans la structure JSON. Tout le rendu s'effectue localement dans votre navigateur. Lors du partage, les données sont cryptées côté client avec AES-GCM — le serveur ne stocke que le texte chiffré et ne reçoit jamais la clé de décryptage.

Pourquoi nous l'avons créé

Les API d'IA multimodales — OCR, synthèse vocale, modèles de vision, génération d'images — échangent leurs données presque exclusivement en Base64. Lors du développement et des tests, cela crée plusieurs difficultés récurrentes :

Aperçu fastidieux des résultats

Les API de synthèse vocale et de génération d'images renvoient de l'audio et des images encodés en Base64. Les prévisualiser nécessite d'extraire la chaîne de la réponse JSON, de la coller dans un décodeur en ligne, puis de répéter l'opération pour chaque champ. Pour les développeurs déboguant des sorties d'API d'IA, ViewJSON élimine l'extraction manuelle en affichant instantanément tous les médias Base64 directement dans le JSON.

Construction d'entrées sujette aux erreurs

L'appel aux modèles OCR ou de vision nécessite de convertir les images en Base64 sur un site tiers, puis de coller la chaîne dans le corps de la requête API. Le processus est fragile — un guillemet mal placé ou une séquence d'échappement cassée, et l'on perd du temps à corriger la syntaxe JSON au lieu de déboguer la logique métier. Lors de la création d'entrées pour les API de vision, ViewJSON convertit automatiquement les images collées en Base64 dans l'éditeur pour préserver la syntaxe JSON valide.

Révision d'historique peu pratique

Postman et Fiddler conservent l'historique de vos requêtes, mais les champs Base64 apparaissent sous forme de longues chaînes encodées sans indication du contenu réel. Pour vérifier ce qui a été envoyé ou reçu, il faut extraire et décoder chaque chaîne Base64 séparément. Pour simplifier la révision de l'historique des API, ViewJSON affiche les chaînes Base64 sous forme de prévisualisations visuelles, vous permettant de vérifier facilement les charges utiles multimédias passées.

C'est pourquoi nous avons créé ViewJSON : collez votre JSON et visualisez immédiatement chaque image, écoutez chaque extrait audio et regardez chaque vidéo — sans quitter la page.

Cas d'utilisation

Débogage des réponses d'API IA

Collez une réponse API contenant des médias encodés en Base64 dans ViewJSON. Tous les extraits audio, images et vidéos sont automatiquement détectés et affichés en ligne dans la structure JSON — aucune extraction manuelle ni décodeur externe nécessaire.

Préparation de charges utiles API multimodales

Collez une image directement dans l'éditeur. ViewJSON affiche l'aperçu de l'image tout en stockant la chaîne Base64 dans le JSON. Lors de la copie, vous obtenez une charge utile Base64 prête à l'emploi — aucune conversion fichier vers Base64 séparée nécessaire.

Partage de JSON avec votre équipe

ViewJSON crypte votre JSON et vos variables localement avec AES-GCM, puis envoie uniquement le texte chiffré pour générer un lien court. La clé de décryptage reste dans le hash de l'URL — jamais envoyée au serveur. Le destinataire ouvre le lien et tout est décrypté instantanément dans son navigateur.

Comparaison avec les outils courants

Visionneurs JSON en ligne typiques, flux des clients API et ViewJSON
Visionneur JSON en ligne typique Client API (historique / aperçu) ViewJSON
Médias Base64 dans le JSON Les visionneuses en ligne grand public n’affichent pas le Base64 comme médias dans l’arbre : tout reste du texte brut. Dans l’historique, le Base64 reste une longue chaîne opaque — pas d’aperçu du média réel en contexte. S’appuie sur des signatures de contenu (magic bytes) pour détecter les formats et afficher images, audio, vidéo et PDF inline.
Partage chiffré en équipe Peu de produits courants offrent l’équivalent : AES-GCM côté client, lien court, clé uniquement dans le fragment # de l’URL. On copie généralement le JSON à la main — ce n’est pas le même flux « un clic, chiffré seulement ». Liens de partage : AES-GCM dans le navigateur, seul le chiffré est envoyé, clé dans le #hash — pas transmise à nos serveurs.
Coller une image → Base64 dans le JSON Rare de pouvoir coller une image dans l’éditeur JSON et obtenir un Base64 valide en une seule étape. Orienté requêtes HTTP, pas un espace JSON complet avec collage vers Base64. Collez une image dans l’éditeur ; le Base64 est inséré en conservant un JSON valide.
Formater, valider, réparer Formater et valider est courant ; l’aperçu inline du Base64 comme médias dans la même vue est quasiment absent du marché grand public. Les corps sont d’abord du texte ; l’aperçu riche des charges multimodales est hors périmètre. Formatage, validation, réparation et aperçu média inline dans un seul espace.

Technique et confidentialité

Développé avec Astro + React

Architecture en îlots pour un JavaScript minimal. Seuls les composants interactifs chargent du code côté client. L'historique est stocké dans IndexedDB — pas dans localStorage — de sorte qu'il persiste d'une session à l'autre et traite les grosses charges utiles des API en toute sécurité.

Éditeur CodeMirror 6

Éditeur de code professionnel avec coloration syntaxique, repliement de code, recherche et correspondance des parenthèses. Gère des fichiers jusqu'à 100 Mo avant d'afficher un avertissement.

Projet officiel CodeMirror 6

Cloudflare Pages

Déployé mondialement sur le réseau edge de Cloudflare pour des temps de chargement rapides partout dans le monde.

Confidentialité des données

Tout le rendu se déroule localement. Lors du partage, les données sont cryptées côté client avec AES-GCM avant l'envoi. Le serveur ne stocke que le texte chiffré ; la clé de décryptage reste dans le hash de l'URL et n'est jamais transmise à nos serveurs.

SubtleCrypto (Web Crypto API) sur MDN

FAQ

Qu’est-ce que ViewJSON ?

Visionneur et formateur JSON gratuit dans le navigateur qui repère beaucoup de médias en Base64 dans les réponses d’API et les prévisualise en ligne (images, audio, vidéo, PDF) plutôt que de n’afficher de longues chaînes.

Mon JSON brut ou la clé de déchiffrement est-elle envoyée quand j’utilise le site ?

Pour l’affichage et l’édition courants, les données restent dans le navigateur. Avec un lien partagé, seul le texte chiffré (AES-GCM) est chargé ; la clé reste dans le hachage d’URL et n’est pas envoyée à nos serveurs.

En quoi est-ce différent d’un visualiseur JSON classique ?

Beaucoup d’outils affichent les chaînes comme texte. ViewJSON cible le Base64 long des API multimodales / type IA et le rend en média lorsque c’est possible.

Y a-t-il une taille maximale de fichier ?

L’éditeur gère de très gros fichiers ; un avertissement autour de 100 Mo peut apparaître, conformément à ce qui est indiqué ailleurs sur cette page.

Contact

Des questions, des commentaires ou des suggestions de fonctionnalités ? Contactez-nous à support@viewjson.net