json to html

How to convert a JSON file to HTML format online.

JSON(JavaScript Object Notation) a modern alkalmazások számára a strukturált adatok cseréjének legfontosabb formátuma. Azonban, amikor ezt az adatot vizuálisan kell bemutatni a weben, elengedhetetlen, hogy HTML-be konvertáljuk - különösen formázott, táblázatos elrendezésekbe. Az Aspose.Cells Cloud SDK használatával Node.js-hez nyers JSON fájlokat konvertálhat olvasható, reszponzív HTML fájlokká, amelyek ideálisak műszerfalakhoz, jelentésekhez és böngészőalapú megjelenítéshez.

Node.js API a JSON HTML-re alakításához

Az Aspose.Cells Cloud SDK for Node.js lehetővé teszi a zökkenőmentes JSON-ról HTML-re való átalakítást. Kihasználja a felhő skálázhatóságát, hogy könnyű, tiszta HTML fájlokat generáljon közvetlenül a JSON adataiból—nincs szükség Excelre vagy harmadik féltől származó könyvtárakra.

Kiemelt jellemzők

  • Konvertálja a JSON fájlokat jól formázott HTML dokumentumokká.
  • Támogatja a táblázat renderelését fejlécsekkel, cellákkal és beágyazott stílusokkal.
  • Felhőalapú—nincs szükség helyi szoftverre.
  • RESTful és biztonságos OAuth 2.0-val.

Kezdés

  1. Telepítse az SDK-t npm-en keresztül:
npm install asposecellscloud --save
  1. Obtain Client Credentials: Hozzon létre egy fiókot az Aspose.Cloud Dashboard oldalon, és szerezze meg az ügyfélazonosítóját és az ügyféltitkát. További részletekért javasoljuk, hogy látogasson el a quick start cikkre.

Convert JSON to HTML Using Node.js

Kövesd ezeket a lépéseket a konverzió elvégzéséhez Node.js használatával:

Step 1: Inicializáld az API-t:

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

Step 2: JSON fájl feltöltése:

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

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

Step 3: Küldje el a Konverziós Kérelmet:

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.");
// For more examples, please visit 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
});

// initiate JSON to HTML conversion operation
await cellsApi.postWorkbookSaveAs(request);
console.log("JSON successfully converted to HTML.");
json to html

A JSON és HTML fájl átkonvertálásának előnézete.

  • A fenti példában használt minta JSON fájl letölthető innen input.json.

Mentse a JSON-t HTML-be cURL segítségével

Ha a parancssori eszközöket vagy a szkriptekkel alapú automatizálást részesíted előnyben, használd a következő cURL módszert.

Lépés 1 – Hozzáférési token generálása:

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"

Step 2 – Küldje el a JSON-t HTML konvertálási kérelmet:

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

Cseréld ki sourceJSON-t az input JSON fájl nevére, resultantHTML-t az eredmény HTML fájl nevére és ACCESSTOKEN-t a fent említett JWT hozzáférési tokenre.

Próbáld ki a Szabad Online JSON-t HTML átalakítót

Want to try before coding? Use our Online JSON to HTML Converter to quickly visualize structured data as a web page.

json to html converter

Ingyenes online JSON-ból HTML-vá alakító alkalmazás.

📚 Kiegészítő források

Következtetés

Az Aspose.Cells Cloud SDK for Node.js használatával a JSON fájlok tiszta, strukturált HTML-re való átkonvertálása gyerekjáték. Akár API válaszokat renderálsz, adatvizualizációkat készítesz, vagy elemzési jelentéseket jelenítesz meg, ez a felhőalapú megoldás páratlan megbízhatóságot és felhasználóbarát élményt kínál.

Kezdje el ma, hogy egyszerűsítse a JSON és HTML munkafolyamatait a Node.js és a RESTful API-k erejével.

🔗 Kapcsolódó Cikkek

Nagyon ajánljuk az alábbi blogok meglátogatását: