json to html

Node.jsを使用してJSONをHTMLに変換する方法。

JSON(JavaScript オブジェクト表記) を HTML に変換することは、ウェブサイトやダッシュボード上で構造化データを読みやすく視覚的に魅力的な形式で表示したい場合に重要です。Node.js 用の GroupDocs.Conversion Cloud SDK を使用すると、REST API コールを活用して生の JSON ファイルをエレガントな HTML ページにシームレスに変換できます。これはデータの視覚化を自動化したり、ウェブアプリにコンテンツを統合したりするのに最適です。

📦 Node.js SDK for JSON to HTML 変換

GroupDocs.Conversion Cloud SDK for Node.js は、高忠実度の JSON から HTML への変換をサポートしており、統合が容易な RESTful アーキテクチャを備えています。

💡 主な利点:

  • 構造化されたJSONデータを整形されたHTMLに変換します。
  • Retain hierarchy and formatting.
  • クラウドネイティブ、ローカルソフトウェアは必要ありません。

📥 SDK をインストールする

npm install groupdocs-conversion-cloud --save

無料アカウントを作成し、Group Docs Cloud dashboard からクライアント ID とクライアントシークレットを取得してください。

🚀 JSONをNode.jsでHTMLに変換する

ここでは、Node.jsを使用してJSONをHTMLに変換する方法を示します：

⚙️ ステップ 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: JSONファイルをクラウドにアップロードする

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

⚙️ ステップ 3: 変換オプションを設定する (JSON → HTML)

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

const request = new ConvertDocumentRequest(settings);
await convertApi.convertDocument(request);
console.log("✅ JSON to HTML 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);
// 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("input.json");
settings.setFormat("HTML");
settings.setOutputPath("myResultant.html");
    
// ConvertDocument メソッドを使用して JSON を HTML ファイルに変換します。
ConvertDocumentRequest request = new ConvertDocumentRequest(settings);
List<StoredConvertedResult> response = convertApi.convertDocument(request);
    
// 応答を確認し、成功メッセージを印刷します。
if (response != null && response.equals("OK")) {
    System.out.println("Conversion successful! Resultant HTML file is saved at: " + response.getFilePath());
}
json to html

画像:- JSONからHTMLへの変換のプレビュー。

上記の例で使用される入力JSONは here からダウンロードできます。

💻 JSON を HTML に変換する cURL コマンド

代わりに、広範なコーディングを必要とせず、シームレスでプラットフォームに依存しない高品質なデータ変換のために、cURL コマンドを使用して GroupDocs.Conversion Cloud を利用することを検討できます。

✅ GUIを必要としないスクリプトやバッチジョブに最適です。

一度私たちが個別化されたJWTアクセストークンを取得したら、次のcURLコマンドを使用してコマンドラインからJSONをHTMLに変換してください：

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 アクセストークンに置き換えてください。

  • 結果として得られた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 to HTML Conversion App をお試しください。このアプリは GroupDocs.Conversion Cloud API を使用して開発されました。これにより、JSON ドキュメントから HTML への変換 API の素晴らしい機能を体験できます。

json を html に変換する

🔗 有用なリンク

✅ 結論

この記事では、GroupDocs.Conversion Cloud SDKを使用してJSONをHTMLに変換するためのシンプルでありながら素晴らしいアプローチを学びました。REST APIにより、JSONからHTMLへの変換が簡単で、安全かつ開発者に優しいものになります。データビジュアリゼーション、ウェブダッシュボード、または自動化に取り組んでいる場合でも、このAPIは迅速でスケーラブルなソリューションを提供します。

おすすめの記事

次のリンクを訪れて、以下のことについて詳しく学ぶことをお勧めします：