json to html

Як конвертувати JSON в HTML за допомогою Node.js.

Перетворення JSON(JavaScript Object Notation) у HTML є важливим, коли ви хочете представити структуровані дані у зрозумілому та візуально привабливому форматі на веб-сайтах або інформаційних панелях. З використанням GroupDocs.Conversion Cloud SDK для Node.js ви можете безперешкодно перетворювати сирі JSON-файли в елегантні HTML-сторінки за допомогою викликів REST API — ідеально підходить для автоматизації візуалізації даних або інтеграції контенту у веб-додатки.

📦 Node.js SDK для конвертації JSON в HTML

GroupDocs.Conversion Cloud SDK for Node.js підтримує конвертацію з JSON в HTML з високою точністю та легкоз інтегруємою RESTful архітектурою.

💡 Основні переваги:

  • Convert structured JSON data to formatted HTML.
  • Retain hierarchy and formatting.
  • Хмарне, не потрібне локальне програмне забезпечення.

📥 Встановити SDK

npm install groupdocs-conversion-cloud --save

Створіть безкоштовний обліковий запис і отримайте ваш Client ID та Client Secret з GroupDocs Cloud dashboard.

🚀 Конвертувати JSON в HTML в Node.js

Ось як конвертувати JSON в HTML за допомогою Node.js:

⚙️ Крок 1: Імпортуйте SDK та налаштуйте 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);

⚙️ Крок 2: Завантажте JSON файл в хмару

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

⚙️ Крок 3: Встановіть параметри конвертації (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.");
// Більше прикладів на https://github.com/groupdocs-conversion-cloud/groupdocs-conversion-cloud-dotnet
// Отримайте свої облікові дані API 
string clientId = "XXXXXX-XXXXXXXXX-4088-9ca0-55c38f4b7f22";
string clientSecret1 = "XXXXXXXXXXXXXXXXXXXX";

// Створіть екземпляр класу Configuration та ініціалізуйте його за допомогою Client ID та Client Secret
Configuration configuration = new Configuration(clientId, clientSecret);
// Визначте базовий URL API для виконання онлайн-конвертації JSON в HTML.
configuration.setApiBaseUrl("https://api.groupdocs.cloud");

// Ініціалізуйте екземпляр ConvertApi з об`єктом Configuration
ConvertApi convertApi = new ConvertApi(configuration);

ConvertSettings settings = new ConvertSettings();
settings.setStorageName("internal");
settings.setFilePath("input.json");
settings.setFormat("HTML");
settings.setOutputPath("myResultant.html");
    
// Використовуйте метод ConvertDocument для конвертації JSON у 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:- Попередній перегляд конвертації JSON в HTML.

Вхідний JSON, використаний у наведеному вище прикладі, можна завантажити тут.

💻 JSON до HTML через команду cURL

Альтернативно, ви можете розглянути можливість використання GroupDocs.Conversion Cloud з командами cURL для перетворення JSON в HTML для безперешкодної, незалежної від платформи та високоякісної трансформації даних, без необхідності в широкому кодуванні.

✅ Ідеально підходить для скриптів і пакетних завдань, де не потрібен GUI.

Як тільки ми отримаємо наш персоналізований токен доступу JWT, будь ласка, використовуйте цю команду cURL для перетворення JSON в HTML з командного рядка:

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

Будь ласка, замініть inputFile на ім’я вхідного JSON файлу, resultantPath на ім’я результуючого HTML файлу та JWTTOKEN на персоналізований токен доступу JWT.

  • Щоб зберегти отриманий HTML на локальний диск, будь ласка, спробуйте використати наступну команду cURL:
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\"}"

🌐 Спробуйте конвертацію JSON в HTML онлайн

Спробуйте наш легкий і надзвичайно ефективний JSON to HTML Conversion App, розроблений з використанням GroupDocs.Conversion Cloud API. Це дозволяє вам випробувати дивовижні можливості API конвертації документів JSON в HTML.

json to html converter

🔗 Корисні посилання

✅ Висновок

У цій статті ми вивчили прості, але неймовірні підходи для конвертації JSON в HTML, використовуючи GroupDocs.Conversion Cloud SDK. REST API робить конвертацію JSON в HTML легкою, безпечною та зручною для розробників. Чи працюєте ви над візуалізацією даних, веб-дошками або автоматизацією, цей API надає швидке та масштабоване рішення.

Рекомендовані статті

Ми також рекомендуємо відвідати наступні посилання, щоб дізнатися більше про: