同じベースエンドで2つのフロントエンドWebサイトを作成するための最善のアプローチ

Question

新しいプロジェクトでは、同じバックエンドコードベースとデータを持つフロントエンドを2セット作成する必要があります。第2のフロントエンドセットは、secondfrontend.mywebsite.comなどのサブドメイン名を介してアクセスできます。シングルページアプリケーションの2つのフロントエンドコードと2つの基本ページの間の最適なアプローチは何ですか？現在のJHispterプロジェクトで最もシンプルなJavascriptフレームワークなので、フロントエンドにはVueを使用します。

Answer 1

希望するコンシューマ（SPA、ネイティブモバイルなど）からJHipster REST APIを使用できます。 2つのWebアプリケーションがあり、Angularで書かれていないので、おそらく別のhttpサーバーから静的コンテンツ（Spring/Apache/Nginx、CloudFront、Express、 ）。注：前部と後部が同じドメインにない場合は、JhipsterアプリでCORSを適切に設定する必要があります。 JHipsterは、静的コンテンツ（gzip、キャッシュヘッダーを設定...）を提供するときに最適化をたくさん行うので、最適なパフォーマンスが必要な場合は、サーバーでこれらの最適化を再現する必要があります。

Answer 2

このような拡張のために、私は間違いなく、ロード・バランシング/キャッシュのバックグラウンド・エントリ・ポイントの直前にある種のREST APIを使用します。サブドメインでは、Cross Site Origin（CORS）が問題を解決できるはずです。

私はJHipsterを使ったことはありませんが、非常に大きなバックエンドで作業する場合は、残りのAPIとして機能するRestControllerのSpringは非常に便利です。 Spring Securityがurlencoded HTTP Bodyを取り込むことを念頭に置いてください。（追加されたフィルタJSONも解析できますが）

フロントエンドとしてのVueも、SPAにとって非常に便利なオプションです。