json to html

如何在線將 JSON 文件轉換為 HTML 格式。

JSON(JavaScript Object Notation) 是現代應用程式中結構化數據交換的首選格式。然而，當涉及到在網路上以視覺形式呈現這些數據時，將其轉換為 HTML，特別是轉換為樣式化的表格佈局，是至關重要的。使用 Aspose.Cells Cloud SDK for Node.js，您可以將原始 JSON 文件轉換為可讀的、響應式的 HTML 文件，這對於儀表板、報告和基於瀏覽器的渲染非常理想。

Node.js API for JSON to HTML Conversion

Aspose.Cells Cloud SDK for Node.js 允許無縫的 JSON 轉 HTML 轉換。它利用雲端的可擴展性，直接從您的 JSON 數據生成輕量級、乾淨的 HTML 文件—無需 Excel 或第三方庫。

主要特點

  • 將 JSON 檔案轉換為格式良好的 HTML 文件。
  • 支持具有標題、單元格和嵌入樣式的表格渲染。
  • 雲端託管—不需要本地軟體。
  • RESTful 且使用 OAuth 2.0 進行安全保護。

開始使用

  1. 透過 npm 安裝 SDK：
npm install asposecellscloud --save
  1. 獲取客戶端憑證： 在 Aspose.Cloud Dashboard 創建一個帳戶並獲取您的客戶端 ID 和客戶端密碼。欲了解更多詳情，您可以考慮參閱 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 下載。

使用 cURL 將 JSON 儲存為 HTML

如果您偏好命令行工具或基於腳本的自動化，請使用以下 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 for Node.js，將 JSON 文件轉換為乾淨且結構化的 HTML 變得輕而易舉。無論您是在呈現 API 響應、創建數據可視化，還是顯示分析報告，這個基於雲的解決方案都提供了無與倫比的可靠性和易用性。

今天就開始使用 Node.js 和 RESTful APIs 的力量來簡化您的 JSON 到 HTML 的工作流程。

🔗 相關文章

我們強烈推薦查看以下部落格：