json to html

Выполните конвертацию 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?

HTML является стандартным форматом для отображения данных в сети. Путем преобразования JSON (JavaScript Object Notation) в HTML, разработчики могут:

  • ✅ Отображать структурированные данные в удобных форматах.
  • ✅ Внедрение JSON на веб-сайтах или веб-приложениях.
  • ✅ Создайте читаемые таблицы или блоки из вложенного JSON.
  • ✅ Экспортируйте ответы API в читаемые HTML-страницы.

⚙️ Установите GroupDocs Node.js SDK

GroupDocs.Conversion Cloud SDK for Node.js предлагает легкий способ интеграции конвертации файловых форматов в ваши приложения на основе JavaScript. Чтобы начать:

  1. Установите через npm:
npm install groupdocs-conversion-cloud --save
  1. Получите свои учетные данные 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);
    
// Проверьте ответ и распечатайте сообщение об успешном завершении.
if (response != null && response.equals("OK")) {
    System.out.println("Conversion successful! Resultant HTML file is saved at: " + response.getFilePath());
}
json to html

Изображение:- Предварительный просмотр преобразования JSON в HTML, выполненного с помощью Node.js.

  • Входной JSON, использованный в приведенном выше примере, можно скачать по 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 помогает разработчикам генерировать динамический, читабельный и презентабельный веб-контент из структурированных данных. Независимо от того, создаете ли вы панели администратора, автоматизируете отчеты или работаете с ответами JSON API, этот SDK упрощает процесс с четким HTML-выводом.

📚 Полезные ресурсы

🌐 Бесплатное приложение для преобразования JSON в HTML онлайн

Чтобы испытать удивительные возможности GroupDocs.Conversion Cloud в веб-браузере, вы можете рассмотреть возможность использования нашего бесплатного и легковесного JSON to HTML Conversion App.

json to html converter

🔗 Связанные статьи

Мы рекомендуем посетить следующие ссылки, чтобы узнать больше о: