JSON コンバーターを使用して JSON を HTML に変換する

JSON(JavaScript Object Notation) ファイルを扱うことは、ソフトウェア開発者の日常的な仕事です。この形式は豊富な用途があるため広く使用されており、JavaScript に簡単に変換できます。したがって、GroupDocs.Conversion SDK と REST API を使用して JSON を Web ページに変換できます。幸いなことに、複数のプログラミング言語の SDK が見つかりますが、ここでは GroupDocs.Conversion Cloud SDK for Node.js を使用して、プログラムで JSON を HTML に変換します。さらに、この JSON コンバータ ライブラリは、いくつかの API メソッドの呼び出しを必要とするため、プロセス全体を簡素化できます。したがって、ブログ投稿を開始して実装全体を見てみましょう。

この記事では次の点について説明します。

JSON コンバータ 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 などの値を設定します。
  • ConvertDocumentRequest クラスのインスタンスを ConvertSettings クラスのオブジェクトで初期化します。
  • 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 {
    // ConvertDocumentRequest クラスのインスタンスを ConvertSettings クラスのオブジェクトで初期化します。
    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 を Web ページに変換できます。さらに、幅広いオプションを備えた優れたドラッグ/ドロップ ユーザー インターフェイスもあります。何よりも、このオンライン ツールは無料であり、このオンライン ツールを使用するために何らかのサブスクリプションを利用する必要はありません。

オンラインでjsonをhtmlに変換する

結論

このブログ投稿はここで終わりにしましょう。非常に興味深い記事を読んで、JSON コンバーターを使用して JSON を HTML に変換する方法を学びました。さらに、Node.js ベースのプロジェクトで JSON を HTML に変換するコード スニペットについても説明しました。このブログ投稿は、ビジネス アプリケーション用の JSON コンバーターの構築を検討している場合に非常に役立ちます。 GroupDocs.Conversion には包括的な ドキュメント が用意されており、ここで API を操作できます。

さらに、GroupDocs.Conversion Node.js SDK の GitHub リポジトリにアクセスすることをお勧めします。

最後に、groupdocs.cloud が新しい記事を書いています。最新の更新情報については、引き続きご連絡ください。

質問する

ご質問やご質問については、フォーラム でお知らせください。

よくある質問 – FAQ

JSON を HTML に変換できますか?

はい、GroupDocs.Conversion はプログラムで JSON を HTML に変換するための SDK と REST API を公開しました。この機能を実現するには、この convertDocument メソッドを呼び出すだけです。

HTMLでJSONファイルからデータを抽出するにはどうすればよいですか?

答えの詳細を知るには、この リンク にアクセスしてください。

関連項目