JHipsterの紹介

この記事では、JHipsterの概要を簡単に説明し、コマンドラインツールを使用して単純なモノリシックアプリケーションとカスタムエンティティを作成する方法を示します。

また、各ステップで生成されたコードを調べ、ビルドコマンドと自動化されたテストについても説明します。

JHipsterは、一言で言えば、a high-level code generator built upon an extensive list of cutting-edge development tools and platforms.です。

ツールの主なコンポーネントは次のとおりです。

JHipsterは、いくつかのシェルコマンドを使用して、フレンドリーで応答性の高いフロントエンド、ドキュメント化されたREST API、包括的なテストカバレッジ、基本的なセキュリティ、データベース統合を備えた本格的なJava Webプロジェクトを作成します！ 結果のコードはよくコメントされており、業界のベストプラクティスに従っています。

それによって活用される他の主要な技術は次のとおりです。

生成されたアプリケーションでこれらすべてのアイテムを使用する必要はありません。 オプションの項目は、プロジェクトの作成中に選択されます。

JHipsterが生成した美しいアプリケーション。 これは、この記事全体で行う作業の結果です。

JHipsterをインストールするには、最初にすべての依存関係をインストールする必要があります。

AngularJS 2を使用する場合は、これで十分です。 ただし、if you prefer to go with AngularJS 1 instead, you would also need to install Bower and Gulp。

最後に、JHipster自体をインストールするだけです。 それが最も簡単な部分です。 JHipsterはYeoman generatorであり、これはJavascriptパッケージであるため、インストールは単純なシェルコマンドを実行するのと同じくらい簡単です。

それでおしまい！ JHipsterジェネレーターのインストールにはYarnパッケージマネージャーを使用しました。

To create a JHipster project essentially is to build a Yeoman project。 すべてはyoコマンドで始まります：

これにより、example-appという名前のプロジェクトフォルダが作成され、プロジェクトの作成を順を追って説明するYeomanのコマンドラインインターフェイスが起動します。

このプロセスには15のステップが含まれます。 各ステップで利用可能なオプションを調べることをお勧めします。 この記事の範囲では、デフォルトのオプションから大きく逸脱することなく、単純なMonolithicアプリケーションを作成します。

この記事に最も関連する手順は次のとおりです。

JHipsterはプロジェクトファイルを作成し、依存関係のインストールを開始します。 次のメッセージが出力に表示されます。

依存関係のインストールには少し時間がかかる場合があります。 終了すると、以下が表示されます。

これでプロジェクトが作成されました。 プロジェクトのルートフォルダーでメインコマンドを実行できます。

JHipster generates a README file, placed right in the root folder of our project。 このファイルには、プロジェクトに関連する他の多くの便利なコマンドを実行するための指示が含まれています。

自動生成されたファイルを見てください。 このプロジェクトは、標準のJava / Springプロジェクトにかなり似ていますが、多くの追加機能があります。

JHipsterがフロントエンドコードの作成も処理するため、package.jsonファイル、webpackフォルダー、およびその他のWeb関連のものが見つかります。

重要なファイルのいくつかを簡単に調べてみましょう。

エンティティは、JHipsterアプリケーションの構成要素です。 これらは、User、Task、Post、Commentなどのビジネスオブジェクトを表します。

JHipsterを使用してエンティティを作成するのは、簡単なプロセスです。 プロジェクト自体を作成したのと同じように、コマンドラインツールを使用してオブジェクトを作成するか、後でプロジェクトにインポートできるエンティティのJSON表現を生成するオンラインツールであるJDL-Studioを使用してオブジェクトを作成できます。

この記事では、コマンドラインツールを使用して、PostとCommentの2つのエンティティを作成しましょう。

Postには、タイトル、テキストコンテンツ、および作成日が必要です。 また、Postの作成者であるユーザーに関連している必要があります。 Userには、多くのPostsを関連付けることができます。

Postは、0個または多数のCommentsを持つこともできます。 各Commentには、テキストと作成日があります。

Postエンティティの作成プロセスを起動するには、プロジェクトのルートフォルダーに移動し、次のように入力します。

次に、インターフェースに表示される手順に従います。

上記のプロセスを繰り返して、タイプString,のタイプString,とタイプcreationDateの2つのフィールド、テキストを持つcommentという名前のエンティティを作成します。 Commentには、Postとの必要なmany-to-one関係も必要です。

それでおしまい！ プロセスには多くのステップがありますが、完了するのにそれほど時間はかからないことがわかります。

エンティティの作成プロセスの一環として、JHipsterが多数の新しいファイルを作成し、他のいくつかを変更することに気付くでしょう。

それはかなりたくさんのコードです！

テストを自由に実行し、すべてが合格していることを再確認してください。 次のコマンドを使用して、Gatlingでパフォーマンステストを実行することもできます（これらのテストに合格するには、アプリケーションが実行されている必要があります）。

フロントエンドの動作を確認する場合は、。/mvnwでアプリケーションを起動し、http://localhost:8080に移動して、adminユーザーとしてログインします（パスワードはadminです）。 ）。

トップメニューのEntitiesメニュー項目の下にあるPostを選択します。 空のリストが表示され、後ですべての投稿が含まれます。 Create a new Postボタンをクリックして、包含フォームを表示します。

JHipsterがフォームコンポーネントと検証メッセージにどれだけ注意しているかに注目してください。 もちろん、フロントエンドを必要なだけ変更することもできますが、フォームはそのままで非常にうまく構築されています。

JHipsterは、最もよく使用される継続的統合ツールの構成ファイルを自動的に作成できます。 このコマンドを実行するだけです。

そして質問に答えてください。 ここでは、構成ファイルを作成するCIツール、Docker、Sonarを使用するかどうか、さらにビルドプロセスの一部としてHerokuにデプロイするかどうかを選択できます。

ci-cdコマンドは、次のCIツールの構成ファイルを作成できます。

この記事では、JHipsterの機能について少し説明しました。 もちろん、ここで説明できる以上のことがたくさんあるので、間違いなくofficial JHipster websiteを調べ続けてください。

そしていつものように、コードは利用可能なover on GitHubです。