json to html

如何在Java中將JSON轉換為HTML。

為什麼將 JSON 轉換為 HTML？

JSON(JavaScript Object Notation) 是一種輕量級且廣泛使用的數據格式。然而，為了在網頁應用程序中有效地顯示數據，將 JSON 轉換為 HTML 是必不可少的。這樣可以無縫地將實時數據集成到網頁中，增強用戶體驗和互動性。

JSON 轉 HTML 轉換 API

GroupDocs.Conversion Cloud SDK for Java 是一個強大且靈活的基於 REST 架構的 API，提供將各種文件格式轉換的能力，包括 JSON 轉換為 HTML。

安裝 GroupDocs.Conversion Cloud SDK for Java

要使用 SDK，第一步是安裝 GroupDocs.Conversion Cloud SDK for Java 的參考。請在 pom.xml 中添加以下 Maven 依賴：

<repository>
    <id>repository.groupdocs.cloud</id>
    <name>repository.groupdocs.cloud</name>
    <url>https://releases.groupdocs.cloud/java/repo/</url>
</repository>
<dependency>
    <groupId>com.groupdocs</groupId>
    <artifactId>groupdocs-conversion-cloud</artifactId>
    <version>24.2.0</version>
</dependency>

獲取 API 憑據

從 GroupDocs Cloud Dashboard 獲取您的客戶 ID 和客戶秘密憑證，根據此 tutorial 中的說明進行操作。

將 JSON 轉換為 HTML 在 Java 中

遵循以下步驟將 JSON 轉換為 HTML：

  1. 驗證 API 憑證。
Configuration configuration = new Configuration("your-client-id", "your-client-secret");
ConvertApi apiInstance = new ConvertApi(configuration);
  1. 上傳 JSON 檔案到雲端儲存。
FileUploadApi fileUpload = new FileUploadApi(configuration);
File inputFile = new File("source.json");
fileUpload.uploadFile(new UploadFileRequest("source.json", inputFile));
  1. 設置轉換參數。
ConvertSettings settings = new ConvertSettings();
settings.setFilePath("source.json");
settings.setFormat("html");
settings.setOutputPath("converted-html-file.html");
  1. Perform JSON to HTML conversion.
ConvertDocumentRequest request = new ConvertDocumentRequest(settings);
DocumentResult response = apiInstance.convertDocument(request);
System.out.println("Conversion successful! HTML saved at: " + response.getFilePath());

// 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 類的實例，並使用 Client ID 和 Client Secret 進行初始化。
Configuration configuration = new Configuration(clientId, clientSecret);
// 定義 API 基址 URL 用於 JSON 檔案轉換為 HTML 網頁的操作
configuration.setApiBaseUrl("https://api.groupdocs.cloud");

// 初始化一個 ConvertApi 的實例，並使用 Configuration 物件
ConvertApi convertApi = new ConvertApi(configuration);

ConvertSettings settings = new ConvertSettings();
settings.setStorageName("internal");
settings.setFilePath("source.json");
settings.setFormat("html");
settings.setOutputPath("myResultant.html");
    
// 調用 ConvertDocument API 進行 JSON 文件轉換為 HTML
ConvertDocumentRequest request = new ConvertDocumentRequest(settings);
List<StoredConvertedResult> response = convertApi.convertDocument(request);
    
// 檢查回應並打印成功訊息
if (response != null && response.equals("OK")) {
    System.out.println("Conversion successful! HTML saved at: " + response.getFilePath());
}
json to html

圖像：- 使用 Java 的 JSON 轉 HTML 轉換預覽。

範例中使用的輸入 JSON 可以從 這個鏈接 下載。

將 JSON 轉換為網頁使用 cURL

將 JSON 檔案轉換為 HTML 文件可以使用 GroupDocs.Conversion Cloud 和 cURL 命令簡化。它是平台獨立的，並提供高品質的數據轉換，而不需要大量的編碼。

要開始使用這種方法，我們首先需要根據客戶端憑據生成 JWT 訪問令牌。一旦獲取了 JWT 令牌，請執行以下 cURL 命令將 JSON 文件轉換為 HTML 格式。轉換後，結果 HTML 將存儲在雲端存儲中。

curl -v "https://api.groupdocs.cloud/v2.0/conversion" \
-X POST \
-H  "accept: application/json" \
-H  "authorization: Bearer {JWTtoken}" \
-H  "Content-Type: application/json" \
-d "{  \"StorageName\": \"internal\",  \"FilePath\": \"{inputFile}\",  \"Format\": \"html\",  \"ConvertOptions\": {    \"FromPage\": 1,    \"PagesCount\": 1,    \"Pages\": [      1    ]  },  \"OutputPath\": \"myConverted.html\"}"

請將 inputFile 替換為輸入 JSON 檔案的名稱，並將 JWTtoken 替換為個人化的 JWT 存取權杖。

  • 為了將產生的 HTML 文件保存到本地驅動器，請跳過 OutputPath 參數。請使用以下 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\": \"source.json\",  \"Format\": \"html\"}"

嘗試我們的免費 JSON 轉 HTML 轉換器

體驗我們的免費在線 JSON to HTML converter，它是使用 GroupDocs.Conversion Cloud API 构建的。

json to html converter

有用的連結

結論

本文探討了如何使用 Java 和 GroupDocs.Conversion Cloud SDK 將 JSON 轉換為 HTML。這種方法使開發人員能夠有效地將結構化數據轉換為格式良好、動態的網頁內容。通過整合這種方法，企業可以增強數據可視化，並改善其網頁應用程序上的用戶參與度。

相關文章

我們還建議訪問以下連結以了解更多有關：