Angular 2と.NET Core Web APIを統合する最良の方法は？

Question

私のソリューションには現在2つのプロジェクトがあります。フロントエンドは、.NET Core Web APIのAngular cliとバックエンドで作成されたAngular 2アプリです。

これらのアプリケーションを両方とも統合して、同じポートにサービスを提供するにはどうすればよいですか？現在のところ、Web APIにヘッダーを入れて、クロスオリジンリクエストのすべてのドメインを許可していますが、プロダクションでそれをしたくないので、認証を導入する必要があります。そのため、Angular 2アプリとAPI。

Angularアプリを足場にするにはAngular cliを使用したいが、フロントエンドはapiと同じポートを使用したい。

Angular cliファイルをVisual Studioプロジェクトに追加して、apiのインスタンスを開始するときにフロントエンドプロジェクトも提供するようにしたいと思います。

また、私はVisual Studioからパブリッシュを行い、それをビルドして、フロントエンドのプロダクションビルドをAPIに含めたいと思います。これは可能ですか？

Answer 1

webpackとサーバーサイドのレンダリング（角度ユニバーサル）を使用しているcoreのテンプレートが2つあります。 http://blog.stevensanderson.com/2016/10/04/angular2-template-for-visual-studio/

残念ながら、サーバー側のレンダリング（ドームへのアクセスのような）に関する制限があります。

もしそうなら、index.cshtmlから直接angle2プロジェクトを開始し、テンプレート設定に関して手動ですべてを設定することができます。

Answer 2

いくつかの理由でこれを行うことはできません。 2つのアプリルーティングで競合が発生します。また、私はApacheやIISのようなWebサーバーがそうすることができるとは思わない。私は、api.domain.comのようなasp.net apiのサブドメインを作成し、メインドメインに角型アプリケーションをホストすることをお勧めします。

さらに、角度アプリとasp.netを組み合わせるというアイデアは、両方のアプリがコンパイル/トランジリエートやデプロイのために異なるツールを必要とするため、普通ではありません。