Відобразити JSON-дані у форматі HTML-таблиці, використовуючи API Node.js

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

• Node.js API для перетворення JSON в HTML
• Перетворення JSON в HTML за допомогою Node.js
• Зберегти JSON у HTML за допомогою cURL

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

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

Ключові особливості

• Перетворити JSON файли на добре відформатовані HTML документи.
• Підтримує візуалізацію таблиць з заголовками, клітинками та вбудованими стилями.
• Хостинг у хмарі — немає потреби у локальному програмному забезпеченні.
• RESTful та безпечний з OAuth 2.0.

Розпочинаємо

1. Встановіть SDK через npm:

npm install asposecellscloud --save

2. Отримати облікові дані клієнта: Створіть обліковий запис на Aspose.Cloud Dashboard і отримайте свій Client ID та Client Secret. Для отримання додаткової інформації вам слід ознайомитися зі статтею quick start.

Convert JSON to HTML Using 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");
// upload the input JSON file to cloud storage
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, використаний у наведеному вище прикладі, можна завантажити з 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, щоб швидко візуалізувати структуруовані дані як веб-сторінку.

📚 Додаткові ресурси

• Документація API Node.js
• API Reference Guide
• GitHub Source Code
• Форум підтримки
• Live API Demos

Висновок

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

Розпочніть сьогодні, щоб оптимізувати свої робочі процеси від JSON до HTML, використовуючи потужність Node.js та RESTful APIs.

🔗 Related Articles

Ми настійно рекомендуємо відвідати наступні блоги:

• Перетворити Word у Markdown в Node.js
• DOCX до формату OpenDocument онлайн з допомогою API Node.js
• Перетворити Word в HTML за допомогою Node.js