json 到 html

如何使用 C# .NET 將 JSON 轉換為 HTML。

JSON(JavaScript 物件表示法)是一種輕量級資料交換格式，易於人類和機器讀取和寫入。然而，要在網頁上以用戶友好且具有視覺吸引力的方式呈現此數據，需要轉換為 HTML。因此，透過將 JSON 轉換為 HTML，您可以將即時資料無縫整合到網頁中，增強使用者體驗並簡化開發流程。

用於 JSON 到 HTML 轉換的 REST API

GroupDocs.Conversion Cloud SDK for .NET 提供了強大且靈活的解決方案，用於轉換各種檔案格式(包括 JSON 到 HTML)。這個強大的 API 簡化了轉換過程，為您提供了將 JSON 資料轉換為結構良好的 HTML 內容的無縫方法。第一步是透過在 NuGet 套件管理器中搜尋 GroupDocs.Conversion-Cloud 來安裝 SDK，然後按一下「安裝」按鈕。或者，您可以考慮在套件管理器控制台中執行下列命令。

NuGet\Install-Package GroupDocs.Conversion-Cloud -Version 24.4.0

安裝後，我們需要取得我們的個人化API憑證(即客戶端ID和客戶端金鑰)。請按照這個簡短的教程中指定的說明進行操作，該說明解釋瞭如何獲取 API 憑證的詳細資訊。

C# 中的 JSON 到 HTML

使用 C# .NET 將 JSON 轉換為 HTML 讓您能夠輕鬆地將結構化資料動態顯示為結構良好、響應靈敏的 HTML 內容。

  1. 建立「Configuration」類別的實例，我們在其中傳遞客戶端憑證作為參數。
var configurations = new Configuration(clientId, clientSecret1);
  1. 初始化 ConvertApi，我們將 Configuration 物件作為輸入參數傳遞。
var apiInstance = new ConvertApi(configurations);
  1. 將輸入的 JSON 檔案上傳到雲端儲存。
fileUpload.UploadFile(new UploadFileRequest("input.json", stream));
  1. 建立一個 ConvertSettings 實例，我們在其中指定輸入 JSON 檔案的名稱、結果格式為 html 以及結果 HTML 檔案的名稱作為參數。
var settings = new ConvertSettings{...}
  1. 呼叫ConvertDocumentRequest API將JSON檔案轉換為HTML格式並將結果儲存到雲端儲存。
var response = apiInstance.ConvertDocument(new ConvertDocumentRequest(settings));

// 更多範例請參閱 https://github.com/groupdocs-conversion-cloud/groupdocs-conversion-cloud-dotnet
// 取得您的 API 憑證 
string clientId = "4bdefca3-f08c-4088-9ca0-55c38f4b7f22";
string clientSecret1 = "a43c8b4365246a062688a259abe5b469";

// 建立配置類別的實例並使用客戶端 ID 和客戶端金鑰對其進行初始化。 
var configurations = new Configuration(clientId, clientSecret1);
// 定義 ApiBaseUrl 的值以設定 CSV 到 PDF 轉換 API 的基本 url。
configuration.ApiBaseUrl = "https://api.groupdocs.cloud";

// 使用 Configuration 類別的物件初始化 ConvertApi 類別的實例。
var apiInstance = new ConvertApi(configurations);
             
// 從本機磁碟機讀取輸入 JSON 檔案的內容             
using (var stream = System.IO.File.OpenRead("input.csv"))
{
    // 建立 FileApi 的實例
    var fileUpload = new FileApi(configurations);
    // 將輸入的json上傳到雲端存儲
    fileUpload.UploadFile(new UploadFileRequest("input.json", stream));

    // 建立 ConvertSettings，在其中定義輸入 JSON 檔案名稱和產生的 HTML 檔案的名稱
    var settings = new ConvertSettings
    {
        StorageName = "internal",
        FilePath = "input.json",
        Format = "html",
        OutputPath = "myResultant.html"
    };
    
    // 呼叫 ConvertDocument 方法將 JSON 轉換為 HTML 格式
    var response = apiInstance.ConvertDocument(new ConvertDocumentRequest(settings));
    if (response != null && response.Equals("OK"))
    {
        // 列印成功訊息
        Console.WriteLine("The JSON to HTML conversion completed successfully !");
    }
}
json 到 html

圖：- JSON 到 HTML 轉換的預覽。

上面範例中使用的輸入 JSON 可以從 此連結 下載。

使用 cURL 指令將 JSON 轉換為網頁

使用 GroupDocs.Conversion Cloud 和 cURL 命令進行 JSON 到 HTML 的轉換可簡化自動化和與各種工作流程的整合。這種方法獨立於平台，易於編寫腳本，並且無需大量編碼即可實現無縫、高品質的資料轉換。

首先，我們需要根據客戶端憑證產生 JWT 存取令牌。取得 JWT 令牌後，請執行下列 cURL 指令將 JSON 檔案轉換為 HTML 格式。轉換後，產生的 HTML 儲存在雲端儲存中。

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\": \"{inputFile}\",  \"Format\": \"html\",  \"OutputPath\": \"{myResultant}\"}"

請將「inputFile」替換為輸入 JSON 檔案的名稱，將「myResultant」替換為產生的 HTML 檔案的名稱，將「accessToken」替換為個人化 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 到 HTML 轉換應用程式，該應用程式是使用 GroupDocs.Conversion Cloud API 開發的。它使您能夠體驗 JSON 文件到 HTML 轉換 API 的驚人功能。

json 到 html 轉換器

有用的連結

結論

在本文中，我們探索了兩種將 JSON 轉換為 HTML 的強大方法：GroupDocs.Conversion Cloud SDK 提供了強大且靈活的解決方案，另一方面，透過 GroupDocs.Conversion Cloud 使用 cURL 命令。這種方法提供了一種獨立於平台且易於編寫腳本的自動化方法。總之，這兩種方法都具有顯著的優勢，可確保高品質、響應靈敏的 HTML 輸出，從而增強 Web 應用程式的使用者體驗和互動性。

相關文章

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