Azure Appサービスのアプリケーション設定をSPA JSアプリケーションに渡す

Question

ケース：このソリューションは、Azure App Serviceで設定された2つのWebアプリケーションで構成されています。最初のものはバックエンドAPI（Asp.Net Core）をホストし、もう1つはSPAフロントエンドWebサイトをホストします。

このプロジェクトでは、フロントエンドWeb Appからアプリケーションサーバー（Kestrel/Node.JS）を完全に削除することを決めました。実際の必要はないからです。アプリケーションは、IISから直接ホストできるシンプルなシングルページアプリケーションです。アプリケーション自体は完全に動作します。しかし、現在はCI/CDパイプを導入する際に問題に直面しています。同じビルドは、QA環境と本番環境の両方で機能する必要があります。しかし、Azure App Service Application SettingsのAPIアドレスを、Application Serverが存在しないためサーバー側のコードがある場合にブラウザで実行されているSPAアプリケーションにどのように渡すことができますか？

連続的な統合は変更できません。-pipe - 両方の環境でビルドが完全に同じである必要があります。しかし、理論的には、連続配達の最後に1つのステップを追加することができます。 web.configを変更してカスタムヘッダーを渡すか、問題の環境を伝えてアプリケーションから読み取る静的ファイルを追加してください。しかし、それが正しい方法かどうかはわかりません。 Azure App Serviceの変数をブラウザに渡すことができないことを知らないApp Service Extensionや機能はありますか？

Answer 1

私たちが選択したものは、展開ステップで設定したjson設定ファイルを読み込んでいます。

あなたのコードベースには、デフォルトの設定でアプリケーションが常に読み込むファイルがあります。

私たちのVSTSセットアップでは、コードを配備するために「Azure App Service Deploy」タスクを使用します。

同じタスクでは、 'File Transforms & variable Substition Option'というセクションがあります。 XMLのものはweb.configのみですが、JSONの変数代入部分ではファイル名を指定できます。