json to html

Comment convertir JSON en HTML en utilisant Node.js.

Convertir JSON(JavaScript Object Notation) en HTML est crucial lorsque vous souhaitez présenter des données structurées dans un format lisible et visuellement attrayant sur des sites Web ou des tableaux de bord. Avec le SDK Cloud GroupDocs.Conversion pour Node.js, vous pouvez transformer facilement des fichiers JSON bruts en pages HTML élégantes en utilisant des appels d’API REST, idéal pour automatiser la visualisation des données ou intégrer du contenu dans des applications Web.

📦 SDK Node.js pour la conversion JSON en HTML

GroupDocs.Conversion Cloud SDK for Node.js prend en charge la conversion JSON en HTML avec une grande fidélité et une architecture RESTful facile à intégrer.

💡 Avantages clés :

  • Convert structured JSON data to formatted HTML.
  • Retain hierarchy and formatting.
  • Cloud-native, aucun logiciel local requis.

📥 Installer SDK

npm install groupdocs-conversion-cloud --save

Créez un compte gratuit et obtenez votre ID client et votre secret client depuis le GroupDocs Cloud dashboard.

🚀 Convertir JSON en HTML dans Node.js

Voici comment convertir JSON en HTML en utilisant Node.js :

⚙️ Étape 1 : Importez le SDK et configurez 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("source.json", fs.createReadStream("source.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 to HTML completed successfully.");

// Plus d'exemples sur 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 initialisez-la avec l'ID client et le secret client.
Configuration configuration = new Configuration(clientId, clientSecret);
// Définir l'URL de base de l'API pour effectuer la conversion de 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.

Le JSON d’entrée utilisé dans l’exemple ci-dessus peut être téléchargé depuis ici.

💻 JSON vers HTML via commande cURL

Alternativement, vous pouvez envisager d’utiliser GroupDocs.Conversion Cloud avec des commandes cURL pour la conversion de JSON en HTML pour une transformation de données transparente, indépendante de la plateforme et de haute qualité, sans nécessiter de codage intensif.

✅ Parfait pour les scripts et les tâches par lots où aucune interface graphique n’est requise.

Une fois que nous avons obtenu notre jeton d’accès JWT personnalisé, veuillez utiliser cette commande cURL pour convertir JSON en HTML depuis la ligne de commande :

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

Veuillez remplacer inputFile par le nom du fichier JSON d’entrée, resultantPath par le nom du fichier HTML résultant et JWTTOKEN par un jeton d’accès JWT personnalisé.

  • Afin de stocker le HTML résultant sur le disque local, veuillez essayer d’utiliser la commande cURL suivante :
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\"}"

🌐 Essayez la conversion JSON en HTML en ligne

Essayez notre application de conversion JSON to HTML Conversion App légère et super efficace, développée à l’aide des APIs GroupDocs.Conversion Cloud. Elle vous permet de découvrir les incroyables capacités de l’API de conversion de documents JSON en HTML.

json to html converter

🔗 Liens utiles

✅ Conclusion

Dans cet article, nous avons appris des approches simples mais incroyables pour convertir JSON en HTML en utilisant GroupDocs.Conversion Cloud SDK. L’API REST rend la conversion de JSON en HTML facile, sécurisée et conviviale pour les développeurs. Que vous travailliez sur la visualisation des données, des tableaux de bord web ou l’automatisation, cette API fournit une solution rapide et évolutive.

Articles recommandés

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