使用 JSON 轉換器將 JSON 轉換為 HTML

使用 JSON(JavaScript 物件表示法)檔案是軟體開發人員的日常工作。這種格式因其豐富的用途而被廣泛使用,並且可以輕鬆翻譯成 JavaScript。因此,您可以使用 GroupDocs.Conversion SDK 和 REST API 將 JSON 轉換為網頁。幸運的是,您可以找到多種程式語言的 SDK,但我們將使用 GroupDocs.Conversion Cloud SDK for Node.js 以程式設計方式將 JSON 轉換為 HTML。此外,這個 JSON 轉換器函式庫可以簡化整個過程,因為它涉及幾個 API 方法的呼叫。因此,讓我們開始這篇文章並回顧一下整個實現過程。

我們將在本文中介紹以下幾點:

JSON Converter API 安裝

這個 JSON 轉換器 API 的安裝過程非常簡單。沒什麼複雜的,只需在終端機/CMD 中執行以下命令並開始利用企業級功能。

npm install groupdocs-conversion-cloud

此外,請導覽至此連結以了解如何取得API憑證(即客戶端ID和客戶端金鑰)。

如何以程式設計方式在 Node.js 中將 JSON 轉換為 HTML

成功安裝後,我們就可以在基於 Node.js 的應用程式中將 JSON 轉換為 HTML。因此,我們已將來源 JSON 檔案上傳到 API 雲端 儀表板。事實上,您可以手動上傳自己的來源檔案。此外,如果您想以程式設計方式上傳 JSON 文件,可以呼叫 UploadFile 方法。此外,您可以造訪此連結以了解以程式設計方式將檔案上傳到API雲端儀表板的程式碼片段。

以下是以程式設計方式執行此操作的步驟:

  • groupdocs-conversion-cloud 模組新增到您的專案中。
  • 使用 API 憑證實例化 ConvertApi 的實例。
  • 建立ConvertSettings類別的對象,設定filePath、format、storageName、outputPath等值。
  • 使用 ConvertSettings 類別的物件初始化 ConvertDocumentRequest 類別的實例。
  • 呼叫 convertDocument 方法將 JSON 轉換為 HTML。
// 將 groupdocs-conversion-cloud 模組新增到您的專案中。
let groupdocs_conversion_cloud = require("groupdocs-conversion-cloud");
// API憑證
const clientId = "xxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx";
const clientSecret = "xxxxxxxxxxxxxxxxxxxxxxxxxxxxx";
myStorage = "test";
// Instantiate the instance of the ConvertApi with the API憑證.
const convertApi = groupdocs_conversion_cloud.ConvertApi.fromKeys(clientId, clientSecret);
// 建立ConvertSettings類別的對象,並設定filePath、format、storageName、outputPath等值。
const settings = new groupdocs_conversion_cloud.ConvertSettings();
settings.storageName = myStorage;
settings.filePath = "sample.json";
settings.format = "html";
settings.outputPath = "nodejs-testing/sample-file.html";

try {
    // 使用 ConvertSettings 類別的物件初始化 ConvertDocumentRequest 類別的實例。
    const request = new groupdocs_conversion_cloud.ConvertDocumentRequest(settings);
    // 呼叫convertDocument方法將JSON轉換為HTML。
    convertApi.convertDocument(request).then(()=>{})
} 
catch (err) {
    throw err;
}

運行主檔案後,您將在雲端儀表板的「nodejs-testing」資料夾中找到新產生的 HTML 檔案。您可以在下圖中看到上述程式碼範例的輸出:

json 到 html

在線將 JSON 轉換為 HTML

GroupDocs.Conversion 不僅具有 SDK 和 REST API,還提供線上 JSON 轉換器 工具。該工具易於使用,可讓使用者立即將 JSON 轉換為網頁。此外,還有一個漂亮的拖/放用戶介面,具有多種選項。最重要的是,它是免費的,您無需訂閱任何形式即可使用此線上工具。

在線將json轉html

結論

讓我們在這裡結束這篇文章。我們瀏覽了一篇非常有趣的文章,並了解如何使用 JSON 轉換器將 JSON 轉換為 HTML。此外,我們也介紹了在基於 Node.js 的專案中將 JSON 轉換為 HTML 的程式碼片段。如果您正在尋找為您的業務應用程式建立 JSON 轉換器,那麼這篇部落格文章將真正幫助您。 GroupDocs.Conversion 提供全面的文件,您可以在此處 與 API 互動。

此外,我們建議您造訪 GroupDocs.Conversion Node.js SDK 的 GitHub 儲存庫。

最後,groupdocs.cloud正在撰寫新文章。因此,請保持聯繫以獲取最新更新。

問一個問題

您可以在我們的論壇上告訴我們您的問題或疑問。

常見問題 – 常見問題解答

我可以將 JSON 轉換為 HTML 嗎?

是的,GroupDocs.Conversion 已經公開了 SDK 和 REST API,可以以程式設計方式將 JSON 轉換為 HTML。只需呼叫convertDocument方法即可實現此功能。

如何從 HTML 中的 JSON 檔案中提取資料?

您可以訪問這個連結來詳細了解答案。

也可以看看