json do html

Wykonaj konwersję JSON na HTML online za pomocą Node.js.

Wyświetlanie JSON(JavaScript Object Notation) danych w formacie HTML jest istotne podczas tworzenia pulpitów, wizualnych raportów lub osadzania ustrukturyzowanych danych w treści internetowej. Zamiast ręcznie formatować dane, możesz teraz konwertować JSON na HTML w Node.js, korzystając z potężnego GroupDocs.Conversion Cloud SDK — REST API, które upraszcza transformację dokumentów.

W tym poradniku przeprowadzimy cię przez proces konwersji pliku JSON na czysty, gotowy do przeglądarki dokument HTML przy użyciu Node.js.

📌 Szybka nawigacja

🚀 Dlaczego konwertować JSON na HTML?

HTML jest standardowym formatem wyświetlania danych w internecie. Poprzez konwersję JSON (JavaScript Object Notation) na HTML, programiści mogą:

  • ✅ Renderuj dane strukturalne w przyjaznych dla użytkownika układach.
  • ✅ Osadź JSON w witrynach lub aplikacjach internetowych.
  • ✅ Twórz czytelne tabele lub bloki z zagnieżdżonego JSON.
  • ✅ Eksportuj odpowiedzi API do czytelnych stron HTML.

⚙️ Zainstaluj GroupDocs Node.js SDK

GroupDocs.Conversion Cloud SDK for Node.js oferuje lekką metodę integracji konwersji formatów plików w aplikacjach opartych na JavaScript. Aby zacząć:

  1. Zainstaluj za pomocą npm:
npm install groupdocs-conversion-cloud --save
  1. Pobierz swoje dane uwierzytelniające API (Client ID i Client Secret) z GroupDocs Cloud Dashboard. Aby uzyskać więcej informacji, możesz postępować zgodnie z instrukcjami określonymi w tym tutorialu.

🛠️ Konwertuj JSON na HTML w Node.js

Oto jak przekonwertować plik JSON na HTML przy użyciu GroupDocs.Conversion Cloud SDK w Node.js:

📌 Krok 1: Importuj SDK i skonfiguruj 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);

📌 Krok 2: Prześlij plik JSON do chmury

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

📌 Krok 3: Ustaw opcje konwersji (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
// Uzyskaj swoje dane uwierzytelniające API 
string clientId = "XXXXXX-XXXXXXXXX-4088-9ca0-55c38f4b7f22";
string clientSecret1 = "XXXXXXXXXXXXXXXXXXXX";

// Utwórz instancję klasy Configuration i zainicjalizuj ją za pomocą identyfikatora klienta i sekretu klienta.
Configuration configuration = new Configuration(clientId, clientSecret);
// Zdefiniuj bazowy URL API do wykonania konwersji JSON na HTML online
configuration.setApiBaseUrl("https://api.groupdocs.cloud");

// Zainicjuj instancję ConvertApi za pomocą obiektu Configuration
ConvertApi convertApi = new ConvertApi(configuration);

ConvertSettings settings = new ConvertSettings();
settings.setStorageName("internal");
settings.setFilePath("input.json");
settings.setFormat("HTML");
settings.setOutputPath("myResultant.html");
    
// Użyj metody ConvertDocument, aby przekonwertować plik JSON na plik HTML.
ConvertDocumentRequest request = new ConvertDocumentRequest(settings);
List<StoredConvertedResult> response = convertApi.convertDocument(request);
    
// Sprawdź odpowiedź i wydrukuj komunikat o sukcesie
if (response != null && response.equals("OK")) {
    System.out.println("Conversion successful! Resultant HTML file is saved at: " + response.getFilePath());
}
json do html

Obraz:- Podgląd konwersji JSON na HTML wykonanej za pomocą Node.js.

  • Wejściowy JSON użyty w powyższym przykładzie można pobrać z tego linku.

💻 Konwertuj JSON na HTML za pomocą cURL

Podczas korzystania z GroupDocs.Conversion Cloud za pomocą poleceń cURL, możesz również wykonać konwersję JSON na HTML. To podejście nie tylko upraszcza automatyzację i integrację w różnych przepływach pracy, ale także zapewnia niezależność od platformy, łatwość skryptowania i umożliwia bezproblemową, wysokiej jakości transformację danych bez konieczności rozbudowanego kodowania.

Wygeneruj token dostępu JWT na podstawie poświadczeń klienta, a następnie wykonaj następujące polecenie:

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

Proszę zastąpić inputFile nazwą pliku JSON wejściowego, myResultant nazwą wynikowego pliku HTML oraz accessToken spersonalizowanym tokenem dostępu JWT.

  • Możesz rozważyć wykonanie następującego polecenia, jeśli wymogiem jest zapisanie wynikowego HTML na lokalnym dysku:
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\"}"

✅ Wniosek

Konwersja JSON na HTML przy użyciu GroupDocs.Conversion Cloud SDK dla Node.js pomaga programistom generować dynamiczne, czytelne i przedstawialne treści internetowe z danych strukturalnych. Niezależnie od tego, czy tworzysz pulpity nawigacyjne dla administratorów, automatyzujesz raporty, czy pracujesz z odpowiedziami JSON API, ten SDK upraszcza proces dzięki czystemu wyjściu HTML.

📚 Przydatne zasoby

🌐 Darmowa aplikacja online do konwertowania JSON na HTML

Aby doświadczyć niesamowitych możliwości GroupDocs.Conversion Cloud w przeglądarce internetowej, możesz rozważyć użycie naszej darmowej i lekkiej JSON to HTML Conversion App.

json to html converter

🔗 Pokrewne artykuły

Zalecamy odwiedzenie następujących linków, aby dowiedzieć się więcej o: