Web アプリから Azure へのデプロイ オプション

アプリを Azure ホスティング サービスにデプロイするということは、ファイルまたはファイル セットを Azure に移動して、HTTP エンドポイント経由でサービスを提供することを意味します。

Azure クラウドにファイルを移動する一般的な方法は次のとおりです。

メソッド 詳細
GitHub のアクション これは、自動化またはトリガーによる継続的なデプロイに使用します。
Visual Studio Code 拡張機能 これは、手動の場合やテスト、まれにデプロイに使用されます。 サービスの拡張機能がローカルにインストールされている必要があります。
Azure CLI これは、手動の場合か、まれにデプロイに使用されます。 サービスの拡張機能がローカルにインストールされている必要があります。

特定のサービスに基づいて他のデプロイ方法が存在する場合があります。 たとえば、Azure App Service では、多種多様なデプロイ方法がサポートされています。

最初のデプロイ時に使用しなかったメソッドであっても、提供されている任意のメソッドを使用して、App Service に再デプロイできます。 メソッドを切り替える場合は、再デプロイ前に構成を行うことができます。

デプロイ スロット

デプロイ スロットを使用してソース コードをステージング環境にデプロイし、環境をウォームアップしてから運用スロットにデプロイします。

デプロイ スロットを使用してデプロイの目的を混在させることはできません。 すべてのデプロイ スロットは、App Service を共有するので、すべてのスロットのトラフィック パターンと使用目的が同じであることを確認する必要があります。 ホストされているテスト環境またはステージング環境が必要な場合は、別の App Service を使用する必要があります。

Visual Studio Code でのデプロイ

Visual Studio Code を使用して App Service アプリをデプロイまたは再デプロイするには、次の手順を実行します。

  1. 関連する Azure 拡張機能 (AzureApp ServiceAzure Functions など) をインストールします。
  2. Azure Explorer を開きます。 プライマリ サイド バーで Azure アイコンを選択するか、キーボード ショートカット (Shift + Alt + A) を使用します。
  3. リソース グループで、サブスクリプションとサービスを選択します。
  4. サービスを右クリックし、[Web アプリにデプロイ] を選択します。

Visual Studio Code を使用して App Service にデプロイまたは再デプロイする

Azure でホストされている環境に接続する

  • ホストされた環境に手動でまたは不定期にアクセスする場合は、Azure でホストされている環境でファイルを表示する方法を参照してください。
  • 自動でまたは定常的にアクセスするには、いずれかのデプロイ方法を設定する手順を実行することを検討してください。

Azure でホストされている環境でファイルを表示する

ホストされている Azure Web アプリまたは関数アプリでファイルをすぐに表示するには、いくつかの方法があります。 ホストされているリソースでスロットを使用している場合は、ファイルを表示する前に、適切なスロットを使用していることを確認する必要があります。

  • Azure portal でファイルを表示する - ホスティング リソースの [開発ツール] で [コンソール] を選択します。

    Web アプリまたは関数アプリの Azure portal で、[開発ツール] メニューの [コンソール] を選択する。

  • VS Code 拡張機能でファイルを表示する: - アクティビティ バーの Azure アイコンを選択します。 リソース セクションでサブスクリプションとサービスを選択します。 [Files] ノードには、リモート ファイルのビューが表示されます。

    Azure アプリ サービスと Azure Functions アプリの拡張機能には、どちらもリモート ファイルのビューが用意されています。

Azure portal で Azure エンドポイントを表示する

Azure portal のサービスの [概要] ページで HTTP エンドポイントを表示します。

Azure portal のサービスの [概要] ページで HTTP エンドポイントを表示する。

次のステップ