演習 - Azure App Service に対して発行する (オプション)

完了

多くの統合開発環境とその他のツールでは、ASP.NET Core アプリをさまざまなホスティング環境に発行できます。 これらのツールはバックグラウンドで、さまざまなオプションを使用して dotnet publish コマンドを実行しています。

マネージャーは、アプリをホストするためのオプションとして Azure を評価しており、概念実証としてアプリを発行するように求められました。 アプリを Azure に発行する必要があります。 Azure App Service は使いやすく、ASP.NET Core アプリをサポートしているため、ホスティング環境として選択しました。

この演習では、Azure のフレームワークに依存するデプロイとして ASP.NET Core アプリを発行します。

この演習は省略してもかまいません。 Azure サブスクリプションをお持ちでない場合は、 無料アカウント を取得するか、この演習をスキップできます。

Azure App Service Web アプリを作成する

Azure App Service では、 Web アプリ は単一アプリケーション Web サーバーと考えることができます。 ASP.NET Core アプリをデプロイする Azure App Service Web アプリを作成する必要があります。 Visual Studio Code 用の Azure Tools 拡張機能がインストールされていることを確認します。

  1. Visual Studio Code で、 Ctrl + Shift + A キーを押して Azure Tools 拡張機能を開きます。

  2. 必要に応じて、Azure サブスクリプションとディレクトリにサインインします。

  3. Ctrl + Shift + P キーを押してコマンド パレットを開きます。

  4. [Azure App Service: Create New Web App]\(Azure App Service: 新しい Web アプリの作成...\) を検索して選択します。[詳細設定] オプションは選択しないでください

    [新しい Web アプリの作成] オプションが選択されているコマンド パレットのスクリーンショット。

  5. 使用するサブスクリプションを選択します。

  6. Web アプリの名前を入力します。 名前は Azure 内で一意である必要があります。

  7. 適切な .NET ランタイム スタックを選択します。

    ヒント

    これは通常、使用している .NET SDK のバージョンに対応します。 たとえば、.NET 8.0 を使用している場合は、 .NET 8.0 を選択する必要があります。 使用するランタイム スタックがわからない場合は、<TargetFramework> ファイルの要素を確認してください。

  8. Free (F1) 価格レベルを選択します。

  9. 拡張機能が Web アプリの作成を完了したら、Azure Tools 拡張機能に戻ります。 サブスクリプションの下の App Services ノードに新しい Web アプリが含まれるようになったことに注意してください。

    Azure App Service Web アプリを一覧表示する Azure Tools 拡張機能のスクリーンショット。

アプリを Azure に発行する

Azure App Service Web アプリを作成したので、アプリを Azure に発行できます。

  1. Ctrl + Shift + P キーを押してコマンド パレットを開きます。

  2. [Azure App Service: Deploy to Web App...] を検索して選択します。

  3. プロジェクトを含むフォルダーを選択します。

  4. メッセージが表示されたら、[ 構成の追加 ] を選択して、アプリの構成ファイルを追加します。

  5. 前に使用した Azure サブスクリプションを選択します。

  6. 前に作成した Web アプリを選択します。

  7. メッセージが表示されたら、[ デプロイ] を選択します。

    しばらくすると、アプリが Azure に発行されます。 ターミナル ウィンドウで、publish-release タスクの出力を確認できます。 拡張機能では、 dotnet publish コマンドが実行され、フレームワークに依存するデプロイが作成されることに注意してください。

    dotnet publish コマンドを特徴とするターミナル出力のスクリーンショット。

  8. メッセージが表示されたら、[ Web サイトの参照 ] を選択して、ブラウザーで Web アプリを開きます。 または、Ctrl+Shift+P キーを押し、Azure App Service: Browse Website を検索し、画面の指示に従います。