json to html

如何使用 Node.js 將 JSON 轉換為 HTML。

將 JSON(JavaScript 物件表示法) 轉換為 HTML 是在您想要在網站或儀表板上以可讀且視覺上吸引人的格式呈現結構化數據時至關重要。使用 GroupDocs.Conversion Cloud SDK for Node.js，您可以無縫地通過 REST API 調用將原始 JSON 文件轉換為優雅的 HTML 頁面 — 這非常適合自動化數據可視化或將內容集成到 Web 應用程序中。

📦 Node.js SDK 用於 JSON 到 HTML 的轉換

GroupDocs.Conversion Cloud SDK for Node.js 支援高保真度的 JSON 到 HTML 轉換，並提供易於整合的 RESTful 架構。

💡 主要好處：

  • 將結構化的 JSON 數據轉換為格式化的 HTML。
  • Retain hierarchy and formatting.
  • 雲原生，不需要本地軟件。

📥 安裝 SDK

npm install groupdocs-conversion-cloud --save

創建一個免費帳戶並從 GroupDocs Cloud dashboard 獲取您的客戶端 ID 和客戶端密鑰。

🚀 將 JSON 轉換為 HTML 在 Node.js 中

這是如何使用 Node.js 將 JSON 轉換為 HTML 的方法：

⚙️ 第一步：導入 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("source.json", fs.createReadStream("source.json"));
await fileApi.uploadFile(uploadRequest);

⚙️ Step 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 to HTML completed successfully.");

// More examples over https://github.com/groupdocs-conversion-cloud/groupdocs-conversion-cloud-dotnet
// 獲取您的 API 憑證 
string clientId = "XXXXXX-XXXXXXXXX-4088-9ca0-55c38f4b7f22";
string clientSecret1 = "XXXXXXXXXXXXXXXXXXXX";

// 創建一個 Configuration 類的實例，並使用客戶端 ID 和客戶端密碼初始化它。
Configuration configuration = new Configuration(clientId, clientSecret);
// 定義用於在線執行 JSON 轉 HTML 轉換的 API 基本 URL
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

Image:- A preview of JSON to HTML conversion.

上述範例中使用的輸入 JSON 可以從 這裡 下載。

💻 JSON to HTML via cURL Command

另外，您可以考慮使用 GroupDocs.Conversion Cloud 透過 cURL 命令進行 JSON 到 HTML 的轉換，以實現無縫的、平台無關的高品質數據轉換，而無需大量編碼。

✅ 完美適用於不需要 GUI 的腳本和批處理作業。

一旦我們獲得了個性化的 JWT 訪問令牌，請使用以下 cURL 命令從命令行將 JSON 轉換為 HTML：

curl -v "https://api.groupdocs.cloud/v2.0/conversion" \
-X POST \
-H "accept: application/json" \
-H "authorization: Bearer {JWT_TOKEN}" \
-H "Content-Type: application/json" \
-d "{  \"StorageName\": \"internal\",  \"FilePath\": \"{inputFile}\",  \"Format\": \"html\",  \"resultantPath\": \"{myResultant}\"}"

請將 inputFile 更改為輸入 JSON 檔案的名稱，將 resultantPath 更改為結果 HTML 檔案的名稱，並將 JWTTOKEN 更改為個人化的 JWT 存取令牌。

  • 若要將結果 HTML 存儲到本地驅動器，請嘗試使用以下 cURL 命令：
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

嘗試我們的輕量級和超高效的 JSON to HTML Conversion App，該應用是使用 GroupDocs.Conversion Cloud API 開發的。它讓您體驗 JSON 文件到 HTML 轉換 API 的驚人能力。

json to html converter

🔗 有用的連結

✅ 結論

在本文中，我們學習了使用 GroupDocs.Conversion Cloud SDK 將 JSON 轉換為 HTML 的簡單而令人驚豔的方法。REST API 使 JSON 轉 HTML 變得簡單、安全且對開發者友好。無論您是從事數據可視化、網頁儀表板還是自動化，這個 API 都提供了一個快速和可擴展的解決方案。

推薦文章

我們也建議訪問以下鏈接以深入了解：