json to html

Effectuer la conversion JSON en HTML en ligne avec Node.js.

Afficher JSON(JavaScript Object Notation) des données dans le format HTML est essentiel lors de la création de tableaux de bord, de rapports visuels ou de l’intégration de données structurées dans du contenu web. Plutôt que de formater manuellement les données, vous pouvez maintenant convertir JSON en HTML dans Node.js en utilisant le puissant GroupDocs.Conversion Cloud SDK — une API REST qui simplifie la transformation de documents.

Dans ce tutoriel, nous allons vous montrer comment convertir un fichier JSON en un document HTML propre et prêt pour le navigateur en utilisant Node.js.

📌 Navigation rapide

🚀 Pourquoi convertir JSON en HTML ?

HTML est le format standard pour afficher des données sur le web. En convertissant JSON (JavaScript Object Notation) en HTML, les développeurs peuvent :

  • ✅ Rendre les données structurées dans des mises en page conviviales.
  • ✅ Intégrer JSON dans des sites web ou des applications web.
  • ✅ Créez des tableaux ou des blocs lisibles à partir de JSON imbriqué.
  • ✅ Exporter les réponses API dans des pages HTML lisibles.

⚙️ Installer le SDK GroupDocs pour Node.js

GroupDocs.Conversion Cloud SDK for Node.js offre une manière légère d’intégrer la conversion de formats de fichiers dans vos applications basées sur JavaScript. Pour commencer :

  1. Installer via npm :
npm install groupdocs-conversion-cloud --save
  1. Obtenez vos identifiants API (ID client et secret client) à partir du GroupDocs Cloud Dashboard. Pour plus d’informations, vous pouvez suivre les instructions spécifiées dans ce tutoriel.

🛠️ Convertir JSON en HTML dans Node.js

Voici comment convertir un fichier JSON en HTML en utilisant le SDK GroupDocs.Conversion Cloud dans Node.js :

📌 Étape 1 : Importer le SDK et configurer l’API

const { Configuration, ConvertApi, FileApi, UploadFileRequest, ConvertSettings, ConvertDocumentRequest } = require("groupdocs-conversion-cloud");
const config = new Configuration("YOUR_CLIENT_ID", "YOUR_CLIENT_SECRET");
const convertApi = new ConvertApi(config);
const fileApi = new FileApi(config);

📌 Étape 2 : Téléchargez le fichier JSON sur le Cloud

const fs = require("fs");
const uploadRequest = new UploadFileRequest("input.json", fs.createReadStream("input.json"));
await fileApi.uploadFile(uploadRequest);

📌 Étape 3 : Définir les options de conversion (JSON → HTML)

const settings = new ConvertSettings();
settings.filePath = "input.json";
settings.format = "html";
settings.outputPath = "converted/output.html";

const request = new ConvertDocumentRequest(settings);
await convertApi.convertDocument(request);
console.log("✅ JSON converted to HTML successfully.");

// More examples over https://github.com/groupdocs-conversion-cloud/groupdocs-conversion-cloud-dotnet
// Obtenez vos identifiants API 
string clientId = "XXXXXX-XXXXXXXXX-4088-9ca0-55c38f4b7f22";
string clientSecret1 = "XXXXXXXXXXXXXXXXXXXX";

// Créer une instance de la classe Configuration et l'initialiser avec l'ID client et le secret client.
Configuration configuration = new Configuration(clientId, clientSecret);
// Définissez l'URL de base de l'API pour effectuer la conversion JSON en HTML en ligne.
configuration.setApiBaseUrl("https://api.groupdocs.cloud");

// Initialiser une instance de ConvertApi avec l'objet Configuration
ConvertApi convertApi = new ConvertApi(configuration);

ConvertSettings settings = new ConvertSettings();
settings.setStorageName("internal");
settings.setFilePath("input.json");
settings.setFormat("HTML");
settings.setOutputPath("myResultant.html");
    
// Utilisez la méthode ConvertDocument pour convertir un fichier JSON en fichier HTML.
ConvertDocumentRequest request = new ConvertDocumentRequest(settings);
List<StoredConvertedResult> response = convertApi.convertDocument(request);
    
// Check the response and print success message
if (response != null && response.equals("OK")) {
    System.out.println("Conversion successful! Resultant HTML file is saved at: " + response.getFilePath());
}
json to html

Image:- Un aperçu de la conversion JSON en HTML effectuée avec Node.js.

  • Le JSON d’entrée utilisé dans l’exemple ci-dessus peut être téléchargé à partir de ce lien.

💻 Convertir JSON en HTML via cURL

Tout en utilisant GroupDocs.Conversion Cloud avec des commandes cURL, vous pouvez également effectuer une conversion de JSON en HTML. Cette approche non seulement simplifie l’automatisation et l’intégration dans divers flux de travail, mais elle offre une transformation de données indépendante de la plateforme, facile à script, et permet une transformation de données de haute qualité sans nécessiter de programmation étendue.

Générez un jeton d’accès JWT basé sur les identifiants du client, puis exécutez la commande suivante :

curl -v "https://api.groupdocs.cloud/v2.0/conversion" \
-X POST \
-H "accept: application/json" \
-H "authorization: Bearer {YOUR_ACCESS_TOKEN}" \
-H "Content-Type: application/json" \
-d "{  \"StorageName\": \"internal\",  \"FilePath\": \"{inputFile}\",  \"Format\": \"html\",  \"OutputPath\": \"{myResultant}\"}"

Veuillez remplacer inputFile par le nom du fichier JSON d’entrée, myResultant par le nom du fichier HTML resultant et accessToken par un jeton d’accès JWT personnalisé.

  • Vous pouvez envisager d’exécuter la commande suivante si l’exigence est de sauvegarder le HTML résultant sur le disque local :
curl -v "https://api.groupdocs.cloud/v2.0/conversion" \
-X POST \
-H "accept: application/json" \
-H "authorization: Bearer {accessToken}" \
-H "Content-Type: application/json" \
-d "{  \"StorageName\": \"internal\",  \"FilePath\": \"input.json\",  \"Format\": \"html\"}"

✅ Conclusion

Convertir JSON en HTML en utilisant le GroupDocs.Conversion Cloud SDK pour Node.js aide les développeurs à générer du contenu web dynamique, lisible et présentable à partir de données structurées. Que vous construisiez des tableaux de bord administratifs, automatisiez des rapports ou travailliez avec des réponses API JSON, ce SDK simplifie le processus avec une sortie HTML propre.

📚 Ressources Utiles

🌐 Application en ligne gratuite de JSON à HTML

Pour découvrir les capacités étonnantes GroupDocs.Conversion Cloud dans un navigateur web, vous pouvez envisager d’utiliser notre application gratuite et légère JSON to HTML Conversion App.

json to html converter

🔗 Articles connexes

Nous recommandons de visiter les liens suivants pour en savoir plus sur :