Angular アプリケーションが ASE のバックエンド API にアクセスできない

Angular アプリケーションが ASE のバックエンド API にアクセスできない

現在、当社のソリューション用に以下のインフラストラクチャが設計および実装されています。Angular アプリケーションはフロントエンド アプリ サービスにデプロイされ、.NET アプリケーションはバックエンド アプリ サービスにデプロイされています。

公開URL(例:https://publicurl.example.com)はフロントエンドのApp Serviceを指しています。バックエンドAPI(例:https://backend.ase-01.appserviceenvironment.net/v1/api/orders)の場合、ERR_CONNECTION_TIMED_OUT エラーが発生します。

ここに画像の説明を入力してください

インフラストラクチャ チームがさらに調査したところ、クライアント アプリケーションである Angular がバックエンド アプリケーションを直接呼び出していることが原因であることが分かりました。バックエンドは VNET 内に常駐しているため、Angular アプリは FQDN を解決できず、タイムアウト エラーが発生していました。

私たちが見つけた解決策の 1 つは、App GW にルールを作成し、すべての /v1/* リクエストをバックエンド アプリケーションにルーティングすることでした。これは機能しますが、アプリケーションがパブリック インターネットに部分的に公開されるため、そもそも VNET 内にアプリケーションを配置する目的が達成されません。

これに対するより良い解決策はありますか?

関連情報