JSON(JavaScript Object Notation) は、人間と機械の両方が読み書きしやすい軽量のデータ交換形式です。ただし、このデータを Web ページでユーザーフレンドリーかつ視覚的に魅力的な方法で表示するには、HTML に変換する必要があります。したがって、JSON を HTML に変換することで、リアルタイム データを Web ページにシームレスに統合し、ユーザー エクスペリエンスを向上させ、開発プロセスを合理化できます。
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 コンテンツに簡単に動的に表示できるようになります。
- クライアントの資格情報を引数として渡す
Configuration
クラスのインスタンスを作成します。
var configurations = new Configuration(clientId, clientSecret1);
ConvertApi
を初期化し、Configuration オブジェクトを入力引数として渡します。
var apiInstance = new ConvertApi(configurations);
- 入力 JSON ファイルをクラウド ストレージにアップロードします。
fileUpload.UploadFile(new UploadFileRequest("input.json", stream));
ConvertSettings
のインスタンスを作成し、入力 JSON ファイルの名前、結果の形式html
、および結果の HTML ファイルの名前を引数として指定します。
var settings = new ConvertSettings{...}
- ConvertDocumentRequest APIを呼び出してJSONファイルをHTML形式に変換し、結果の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";
// Configuration クラスのインスタンスを作成し、クライアント ID とクライアント シークレットを使用して初期化します。
var configurations = new Configuration(clientId, clientSecret1);
// CSV から PDF への変換 API のベース URL を設定するには、ApiBaseUrl の値を定義します。
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));
// 入力JSONファイル名と結果のHTMLファイルの名前を定義するConvertSettingsを作成します。
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はこのリンクからダウンロードできます。
cURL コマンドを使用して JSON を Web ページに変換する
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へのコンバーター
また、GroupDocs.Conversion Cloud APIを使用して開発された、無料で軽量かつ非常に効率的なJSONからHTMLへの変換アプリの使用もお勧めします。これにより、JSONドキュメントからHTMLへの変換APIの驚くべき機能を体験できます。
便利なリンク
結論
この記事では、JSON を HTML に変換するための 2 つの強力なアプローチについて説明しました。堅牢で柔軟なソリューションを提供する GroupDocs.Conversion Cloud SDK と、GroupDocs.Conversion Cloud での cURL コマンドの使用です。このアプローチは、プラットフォームに依存せず、簡単にスクリプト化できる自動化方法を提供します。結論として、どちらの方法にも大きな利点があり、Web アプリケーションのユーザー エクスペリエンスと対話性を向上させる高品質で応答性の高い HTML 出力を保証します。
関連記事
詳細については、次のリンクにアクセスすることをお勧めします。