json to html

Как преобразовать файл JSON в формат HTML онлайн.

JSON(JavaScript Object Notation) является основным форматом для обмена структурированными данными в современных приложениях. Однако, когда дело доходит до визуального представления этих данных в интернете, преобразование их в HTML — особенно в стилизованные табличные макеты — необходимо. С помощью Aspose.Cells Cloud SDK для Node.js вы можете конвертировать сырые JSON файлы в читаемые, адаптивные HTML файлы, которые идеально подходят для панелей управления, отчетов и рендеринга в браузере.

Node.js API для конвертации JSON в HTML

Aspose.Cells Cloud SDK для Node.js позволяет бесшовное преобразование JSON в HTML. Он использует масштабируемость облака для создания легких, чистых HTML-файлов напрямую из ваших данных JSON — без необходимости в Excel или сторонних библиотеках.

Ключевые особенности

  • Преобразование JSON файлов в хорошо отформатированные HTML документы.
  • Поддерживает отрисовку таблиц с заголовками, ячейками и встроенными стилями.
  • Облачно размещенный — не требуется локальное программное обеспечение.
  • RESTful и безопасный с OAuth 2.0.

Начало работы

  1. Установите SDK через npm:
npm install asposecellscloud --save
  1. Получите учетные данные клиента: Создайте учетную запись на Aspose.Cloud Dashboard и получите свой Client ID и Client Secret. Для получения дополнительной информации вы можете посетить статью quick start.

Превратить JSON в HTML с помощью Node.js

Следуйте этим шагам, чтобы выполнить преобразование с использованием Node.js:

Шаг 1: Инициализируйте API:

const { CellsApi, PostWorkbookSaveAsRequest } = require("asposecellscloud");
const cellsApi = new CellsApi("YOUR_CLIENT_ID", "YOUR_CLIENT_SECRET");

Шаг 2: Загрузите файл JSON:

const fs = require("fs");
const path = require("path");

const jsonFilePath = path.resolve("data.json");
await cellsApi.uploadFile("data.json", fs.createReadStream(jsonFilePath));

Шаг 3: Отправить запрос на преобразование:

const saveOptions = {
  SaveFormat: "HTML"
};

const request = new PostWorkbookSaveAsRequest({
  name: "data.json",
  newfilename: "converted/output.html",
  saveOptions: saveOptions,
  isAutoFitRows: true,
  isAutoFitColumns: true
});

await cellsApi.postWorkbookSaveAs(request);
console.log("JSON successfully converted to HTML.");
// Для получения дополнительных примеров, пожалуйста, посетите https://github.com/aspose-cells-cloud/aspose-cells-cloud-android/tree/master/Examples
const { CellsApi, PostWorkbookSaveAsRequest } = require("asposecellscloud");
const cellsApi = new CellsApi("YOUR_CLIENT_ID", "YOUR_CLIENT_SECRET");

const fs = require("fs");
const path = require("path");

const jsonFilePath = path.resolve("data.json");
// загрузите входной файл JSON в облачное хранилище
await cellsApi.uploadFile("data.json", fs.createReadStream(jsonFilePath));

const saveOptions = {
  SaveFormat: "HTML"
};

const request = new PostWorkbookSaveAsRequest({
  name: "data.json",
  newfilename: "converted/output.html",
  saveOptions: saveOptions,
  isAutoFitRows: true,
  isAutoFitColumns: true
});

// инициализировать операцию преобразования JSON в HTML
await cellsApi.postWorkbookSaveAs(request);
console.log("JSON successfully converted to HTML.");
json to html

Предварительный просмотр конвертации файла JSON в HTML.

  • Пример JSON файла, использованного в приведенном выше примере, можно скачать по ссылке input.json.

Сохраните JSON в HTML с помощью cURL

Если вы предпочитаете инструменты командной строки или автоматизацию на основе скриптов, используйте следующий метод cURL.

Шаг 1 – Сгенерировать токен доступа:

curl -v "https://api.aspose.cloud/connect/token" \
-X POST \
-d "grant_type=client_credentials&client_id=YOUR_CLIENT_ID&client_secret=YOUR_CLIENT_SECRET" \
-H "Content-Type: application/x-www-form-urlencoded" \
-H "Accept: application/json"

Шаг 2 – Отправить запрос на преобразование JSON в HTML:

curl -X 'POST' \
  'https://api.aspose.cloud/v3.0/cells/{sourceJSON}/SaveAs?newfilename={resultantHTML}&isAutoFitRows=false&isAutoFitColumns=false&checkExcelRestriction=false' \
  -H "accept: application/json" \
  -H "authorization: Bearer <ACCESS_TOKEN>" \
  -H "Content-Type: application/json" \
  -d "{
    \"SaveFormat\": \"html\",
    \"ClearData\": true,
    \"CreateDirectory\": true,
    \"EnableHTTPCompression\": true,
    \"RefreshChartCache\": true,
    \"SortNames\": true,
    \"ValidateMergedAreas\": true,
    \"MergeAreas\": true,
    \"SortExternalNames\": true,
    \"CheckExcelRestriction\": true,
    \"UpdateSmartArt\": true,
    \"EncryptDocumentProperties\": true
}"

Замените sourceJSON на имя входного JSON файла, resultantHTML на имя результирующего HTML файла и ACCESSTOKEN на JWT токен доступа, сгенерированный выше.

Попробуйте бесплатный онлайн конвертер JSON в HTML

Хотите попробовать перед кодированием? Используйте наш Online JSON to HTML Converter, чтобы быстро визуализировать структурированные данные в виде веб-страницы.

json to html converter

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

📚 Дополнительные ресурсы

Заключение

С помощью Aspose.Cells Cloud SDK для Node.js преобразование файлов JSON в чистый, структурированный HTML становится простым. Независимо от того, отображаете ли вы ответы API, создаете визуализации данных или показываете аналитические отчеты, это облачное решение предлагает непревзойденную надежность и простоту использования.

Начните сегодня упрощать свои рабочие процессы JSON в HTML, используя возможности Node.js и RESTful API.

🔗 Связанная статья

Мы настоятельно рекомендуем посетить следующие блоги: