json to html

Führen Sie die JSON zu HTML-Konvertierung online mit Node.js durch.

Das Anzeigen von JSON(JavaScript Objektnotation) Daten im HTML Format ist entscheidend, wenn Sie Dashboards, visuelle Berichte erstellen oder strukturierte Daten in Webinhalte einbetten. Anstatt Daten manuell zu formatieren, können Sie jetzt JSON in HTML in Node.js mit dem leistungsstarken GroupDocs.Conversion Cloud SDK konvertieren – einer REST-API, die die Dokumententransformation vereinfacht.

In diesem Tutorial zeigen wir Ihnen, wie Sie eine JSON-Datei in ein sauberes, browserbereites HTML Dokument mit Node.js umwandeln.

📌 Schnelle Navigation

🚀 Warum JSON in HTML umwandeln?

HTML ist das Standardformat zur Anzeige von Daten im Web. Durch die Umwandlung von JSON (JavaScript Object Notation) in HTML können Entwickler:

  • ✅ Strukturierte Daten in benutzerfreundlichen Layouts darstellen.
  • ✅ JSON in Websites oder Web-Apps einbetten.
  • ✅ Erstellen Sie lesbare Tabellen oder Blöcke aus verschachteltem JSON.
  • ✅ Exportieren Sie API-Antworten in lesbare HTML-Seiten.

⚙️ Installieren Sie das GroupDocs Node.js SDK

GroupDocs.Conversion Cloud SDK für Node.js bietet eine leichte Möglichkeit, die Dateiformatkonvertierung in Ihre auf JavaScript basierenden Anwendungen zu integrieren. Um loszulegen:

  1. Installiere über npm:
npm install groupdocs-conversion-cloud --save
  1. Holen Sie sich Ihre API-Anmeldeinformationen (Client-ID und Client-Secret) vom GroupDocs Cloud Dashboard. Für weitere Informationen können Sie die im Tutorial angegebenen Anweisungen befolgen.

🛠️ Konvertiere JSON zu HTML in Node.js

Hier ist, wie man eine JSON-Datei in HTML mit dem GroupDocs.Conversion Cloud SDK in Node.js umwandelt:

📌 Schritt 1: SDK importieren und API konfigurieren

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);

📌 Schritt 2: Laden Sie die JSON-Datei in die Cloud hoch

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

📌 Schritt 3: Konvertierungsoptionen festlegen (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](https://github.com/groupdocs-conversion-cloud/groupdocs-conversion-cloud-dotnet)
// Erhalten Sie Ihre API-Anmeldeinformationen 
string clientId = "XXXXXX-XXXXXXXXX-4088-9ca0-55c38f4b7f22";
string clientSecret1 = "XXXXXXXXXXXXXXXXXXXX";

// Erstellen Sie eine Instanz der Konfigurationsklasse und initialisieren Sie sie mit der Client-ID und dem Client-Geheimnis.
Configuration configuration = new Configuration(clientId, clientSecret);
// Definieren Sie die API-Basis-URL, um die JSON zu HTML-Konvertierung online durchzuführen.
configuration.setApiBaseUrl("https://api.groupdocs.cloud");

// Initialisieren Sie eine Instanz von ConvertApi mit dem Konfigurationsobjekt.
ConvertApi convertApi = new ConvertApi(configuration);

ConvertSettings settings = new ConvertSettings();
settings.setStorageName("internal");
settings.setFilePath("input.json");
settings.setFormat("HTML");
settings.setOutputPath("myResultant.html");
    
// Verwenden Sie die ConvertDocument-Methode, um JSON in eine HTML-Datei zu konvertieren.
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

Bild:- Eine Vorschau der JSON zu HTML-Konvertierung, die mit Node.js durchgeführt wurde.

  • Die im obigen Beispiel verwendete JSON-Datei kann von diesem Link heruntergeladen werden.

💻 JSON in HTML mit cURL konvertieren

Während der Verwendung von GroupDocs.Conversion Cloud mit cURL-Befehlen können Sie auch eine JSON zu HTML-Konvertierung durchführen. Dieser Ansatz vereinfacht nicht nur die Automatisierung und Integration in verschiedene Workflows, sondern bietet auch plattformunabhängige, einfach zu skriptierende und ermöglicht eine nahtlose, qualitativ hochwertige Datenumwandlung, ohne dass umfangreiche Programmierung erforderlich ist.

Generieren Sie ein JWT-Access-Token basierend auf Client-Anmeldeinformationen und führen Sie dann den folgenden Befehl aus:

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}\"}"

Bitte ersetzen Sie inputFile durch den Namen der Eingabe-JSON-Datei, myResultant durch den Namen der resultierenden HTML-Datei und accessToken durch ein personalisiertes JWT-Zugriffstoken.

  • Sie können in Betracht ziehen, den folgenden Befehl auszuführen, wenn das Ziel darin besteht, das resultierende HTML auf der lokalen Festplatte zu speichern:
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\"}"

✅ Schlussfolgerung

Die Umwandlung von JSON in HTML mit dem GroupDocs.Conversion Cloud SDK für Node.js hilft Entwicklern, dynamische, lesbare und präsentable Webinhalte aus strukturierten Daten zu erstellen. Egal, ob Sie Admin-Dashboards erstellen, Berichte automatisieren oder mit JSON-API-Antworten arbeiten, dieses SDK vereinfacht den Prozess mit sauberem HTML-Ausgang.

📚 Nützliche Ressourcen

🌐 Kostenloses JSON zu HTML Online-Tool

Um die erstaunlichen Funktionen GroupDocs.Conversion Cloud im Webbrowser zu erleben, können Sie unsere kostenlose und leichtgewichtige JSON to HTML Conversion App in Betracht ziehen.

json to html converter

🔗 Verwandte Artikel

Wir empfehlen, die folgenden Links zu besuchen, um mehr über zu erfahren: