紺碧のフロントエンドとバックエンドの分離

Question

私はAngularフロントエンドと単純なNodeJSバックエンドからなる単純なサイトを開発しています。

• NodeJSバックエンド
• のための静的なHTMLと1つのWebアプリケーションを提供するために1 Webアプリケーションを持っている同じNodeJSインスタンス
を使用してREST APIと静的ファイルの両方を果たす：私は現在、セットアップに3つのプロジェクトが表示さ
• 私はAzure Web Appsの仮想ディレクトリについて読んだが、適切なドキュメントを見つけることができなかった。それは実行可能なソリューションですか？

Azureにはどのような標準設定を使用しますか？私が見逃した詳細な文書はありますか？

Answer 1

私はこれが答えを得るのが難しい質問の一種だと言います。誰かがこのトピックに関する本全体を書くことができ、多くの面が個人的な好みやアプローチなどの問題です。

最初の回答を試みる前に、私はNode.jsになじみがないことを指摘したいと思いますが、私はAzure AppServiceとASP.Net Core MVCをよく知っています。

Azure AppService（この場合はウェブサイト）には標準設定がありません。あなたが言及した3つのオプションはすべて有効です。私のAzure AppServiceでの誇大妄想に基づいて、公に利用可能なAPIを持っているときは、オプション1が適していると言います。その場合、Azure Management APIでAPIを登録することもできます。

第2の選択肢は、あなたのフロントエンドがAPIの唯一のコンシューマである場合には、私の意見では、最適です。

3つ目のオプションは一般的ではありませんが、100％可能です。 Hereは、仮想ディレクトリを設定する方法と、Visual Studioを使用して仮想ディレクトリをアプリケーションに展開する方法に関する非常に良い記事です。私は、これがどのようにあなたの使い捨て工具で正確に行われるのかはわかりませんが、概念的には可能でなければなりません。しかし、NODE.jsプロジェクトを仮想ディレクトリに展開すると、準備が必要な問題が発生する可能性があります。詳細情報here。

私は開始時に言ったことに固執します：私のAngularアプリケーションがAPIの唯一のコンシューマであれば、私はバックエンドとフロントエンドの両方を同じWebアプリケーションに配備し、2つの異なるWebアプリケーションAPIは公開されました。

私はこの点に関して他に何が考えられるのでしょうか。