Виконуйте перетворення JSON в HTML онлайн за допомогою Node.js.
Відображення JSON(JavaScript Object Notation) даних у HTML форматі є суттєвим при створенні інформаційних панелей, візуальних звітів або вбудовуванні структурованих даних у веб-контент. Замість того, щоб вручну формувати дані, ви тепер можете конвертувати JSON в HTML у Node.js за допомогою потужного GroupDocs.Conversion Cloud SDK — REST API, який спрощує трансформацію документів.
У цьому посібнику ми проведемо вас через процес конвертації файлу JSON у чистий, готовий до браузера HTML-документ за допомогою Node.js.
📌 Швидка навігація
- 🚀 Чому конвертувати JSON в HTML?
- ⚙️ Встановити GroupDocs Node.js SDK
- 🛠️ Перетворення JSON в HTML в Node.js
- 💻 Конвертувати JSON в HTML за допомогою cURL
🚀 Чому конвертувати JSON в HTML?
HTML є стандартним форматом для відображення даних в Інтернеті. Перетворюючи JSON (JavaScript Object Notation) на HTML, розробники можуть:
- ✅ Відображайте структуровані дані в зручних для користувача макетах.
- ✅ Вбудувати JSON у веб-сайти або веб-додатки.
- ✅ Створіть читабельні таблиці або блоки з вкладеного JSON.
- ✅ Експортуйте відповіді API у читабельні HTML-сторінки.
⚙️ Встановіть GroupDocs Node.js SDK
GroupDocs.Conversion Cloud SDK for Node.js пропонує легкий спосіб інтеграції конвертації файлових форматів у ваші програми на основі JavaScript. Щоб почати:
- Встановіть за допомогою npm:
npm install groupdocs-conversion-cloud --save
- Отримайте свої облікові дані API (Client ID та Client Secret) з GroupDocs Cloud Dashboard. Для отримання додаткової інформації ви можете дотримуватися інструкцій, зазначених у цьому tutorial.
🛠️ Перетворіть JSON на HTML в Node.js
Ось як конвертувати файл JSON у HTML, використовуючи GroupDocs.Conversion Cloud SDK в 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("input.json", fs.createReadStream("input.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 converted to HTML 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());
}
Image:- A preview of JSON to HTML conversion performed with Node.js.
- The input JSON used in the above example can be downloaded from this link.
💻 Перетворити JSON на HTML за допомогою cURL
Під час використання GroupDocs.Conversion Cloud з командами cURL, ви також можете виконувати перетворення з JSON в HTML. Цей підхід не лише спрощує автоматизацію та інтеграцію в різні робочі процеси, але й забезпечує незалежність від платформи, легкість у написанні сценаріїв і дозволяє безшовно, з високою якістю провести трансформацію даних без необхідності в значному кодуванні.
Згенерувати токен доступу JWT на основі облікових даних клієнта, а потім виконати наступну команду:
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}\"}"
Будь ласка, замініть inputFile на назву вхідного JSON файлу, myResultant на назву результуючого HTML файлу та accessToken на персоналізований JWT токен доступу.
- Ви можете розглянути можливість виконання наступної команди, якщо вимогою є збереження отриманого HTML на локальний диск:
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 за допомогою GroupDocs.Conversion Cloud SDK для Node.js допомагає розробникам генерувати динамічний, зрозумілий і презентабельний веб-контент з структурованих даних. Незалежно від того, чи створюєте ви адмінські панелі, автоматизуєте звіти або працюєте з відповідями API JSON, цей SDK спрощує процес з чистим вихідним HTML.
📚 Корисні ресурси
🌐 Безкоштовний онлайн додаток для перетворення JSON в HTML
Щоб оцінити захоплюючі можливості GroupDocs.Conversion Cloud у веб-браузері, ви можете розглянути можливість використання нашого безкоштовного і легкого JSON to HTML Conversion App.
🔗 Пов`язані статті
Ми рекомендуємо відвідати наступні посилання, щоб дізнатися більше про: