角度2、春ブーツ、春のセキュリティ、ログインフォーム

Question

は、私は（私は、プロジェクトを生成するためのangular-cliを使用しました）角度2で、http:// localhost:4200上で実行されますフロントエンドアプリケーションを持っています。アプリケーションは、（私は/データベースに角度2Httpサービス使用してから情報を取得し、投稿することができ、何の問題もなく動作します
：一方

getList() { 
    return this._http.get("http:// localhost:8080/").map(res => res.json()); 
} 

を、私はで実行バックエンドアプリケーションを持っていますhttp:// localhost:8080/の春ブーツはhttp://localhost:4200/から私の角度2アプリケーション。

送信要求のためにREST APIを提供し、（ポートに注意してください）​​は期待どおりに動作します。私は春枠組み& angularJS 1を使用してアプリケーションをプログラムしてきた前

、春セキュリティは、同じアプリ（Mavenプロジェクト）にログインし、セキュリティの世話をしました。

今、私は私が私のログインフォームを設定し、それをどこに置くか、そしてどのようにするにはどうすればよいhttp（角2で春ブーツ、およびフロントエンドAPIとRESTfulなAPI）を介して通信されている2つの別個のアプリケーション

を持っていますスプリングセキュリティと私のの角度2アプリケーションを設定しますか？

Answer 1

Angular CLIを使用してAngular Applicationをスピンアップすると、Angular PageはバックエンドのNodeJsによって処理されます。 ここにはいくつかのオプションがあります。

1. ログインが順番に認証および認可する 春ブートアプリケーションを起動することができますNodeJSサーバで処理することができます。（私が思うに、あなたは特急サーバーの代わりに、ライト・サーバを使用してのようないくつかの調整が必要になることがあります。取りますここhttps://stackoverflow.com/a/37561973/6785908）

2. 初期開発した後、あなたが春のMVC（春ブーツ）サーバーに ごAngularJS以上のリソースをコピーして あなたのページ（だけでなく、残りのAPIを提供するためにそれを使用することができます）、同じような外観あなたは前に をやっていました。

3. 角度アプリがスプリングブートサービスを呼び出すようにしてください（ は$ http.postを使用してフォームを送信しています）、 は春の起動アプリにヒットできるようにURLを変更できます） 実稼働環境では、nginx/httpdを使用してファイル（AngularJS/CSSなど）を配信し、すべての動的リクエストを スプリングブートアプリにルーティング/プロキシします。

3番目のオプションを強くお勧めします。