html to json

使用 Node.js 進行在線 HTML 到 JSON 的轉換。

HTML 文件轉換為 JSON 可以幫助開發者將網頁內容解析為可在應用程式、API 或儀表板間重用的結構化數據。使用 GroupDocs.Conversion Cloud SDK for Node.js,您可以通過簡單的 REST API 將任何靜態 HTML 文件轉換為乾淨的結構化 JSON,使其非常適合用於後端自動化或數據遷移。

Node.js SDK 用於 HTML 轉換為 JSON

GroupDocs.Conversion Cloud SDK for Node.js 使您能夠準確地將 HTML 轉換為 JSON,同時保留源 HTML 文檔的結構和佈局。

💡 主要特徵::

  • 將完整的 HTML 文檔轉換為結構化的 JSON。
  • 簡化了 API 使用的 HTML 解析。
  • 不需要額外的軟體或插件—雲原生解決方案。

安裝 SDK

npm install groupdocs-conversion-cloud --save

生成您的客戶 ID 和客戶密鑰,請從 GroupDocs Cloud dashboard 獲取。

將 HTML 轉換為 JSON 使用 Node.js

此部分解釋了我們如何能夠快速且輕鬆地使用 Node.js 將 HTML 轉換為 JSON 格式的詳細信息:

第 1 步:導入 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:將 HTML 文件上傳到雲端儲存:

const fs = require("fs");
const uploadRequest = new UploadFileRequest("source.json", fs.createReadStream("source.html"));
await fileApi.uploadFile(uploadRequest);

步驟 3:設置轉換選項(HTML → JSON)

const settings = new ConvertSettings();
settings.filePath = "input.html";
settings.format = "json";
settings.outputPath = "converted/resultant.json";

const request = new ConvertDocumentRequest(settings);
await convertApi.convertDocument(request);
console.log("The HTML to JSON conversion 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);
// Define the API base URL to perform PDF to HTML conversion online
configuration.setApiBaseUrl("https://api.groupdocs.cloud");

// 初始化一個 ConvertApi 的實例,使用 Configuration 對象
ConvertApi convertApi = new ConvertApi(configuration);

ConvertSettings settings = new ConvertSettings();
settings.setStorageName("internal");
settings.setFilePath("input.html");
settings.setFormat("JSON");
settings.setOutputPath("resultant.json");
    
// 使用 ConvertDocument 方法將 HTML 轉換為 JSON 格式
ConvertDocumentRequest request = new ConvertDocumentRequest(settings);
List<StoredConvertedResult> response = convertApi.convertDocument(request);
    
// 檢查響應並打印成功消息
if (response != null && response.equals("OK")) {
    System.out.println("The HTML to JSON conversion completed successfuly! The resultant JSON file is saved at: " + response.getFilePath());
}

HTML to JSON via cURL Command

使用 cURL 命令列工具將 HTML 轉換為 JSON 是一個極好的選擇,適合喜歡輕量級、無需編碼或自動化集成的用戶。它非常適合伺服器端腳本、持續集成工作流程或需要進行程式化 API 調用而無需撰寫完整 SDK 基礎實現的系統。

使用 cURL 進行轉換的好處:

  • 符合腳本友好型:輕鬆整合到 shell 腳本或 cron 工作中。
  • 無需 SDK:直接訪問 REST API。
  • 理想的 DevOps:無縫整合到 CI/CD 管道中。
  • 靈活:可在安裝了 cURL 的任何系統上運行。

現在,生成您的個人化 Java Web 存取令牌,並執行以下命令以進行 HTML 到 JSON 的轉換。

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 訪問令牌。

  • 如果您的要求是將結果 JSON 儲存到本地驅動器,請嘗試使用以下 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\"}"

免費的 HTML 轉 JSON 轉換器

如果您不想編寫 HTML 轉換為 JSON 的代碼,那麼您可以考慮使用我們的 Free HTML to JSON Converter 進行即時轉換。它是基於 GroupDocs.Conversion Cloud API 開發的。

html to json converter

有用的鏈接

結論

在這篇文章中,我們了解到通過使用 GroupDocs.Conversion Cloud SDK for Node.js,我們可以輕鬆地將 HTML 轉換為 JSON,速度快、準確且可擴展。這對於處理數據管道、儀表板後端或任何需要從 HTML 源中提取結構化內容的工作流程的開發者而言都是理想的。

推薦文章

我們強烈建議您訪問以下文章以了解更多資訊: