Web アプリを Azure にデプロイする

完了

Azure App Service では、Web アプリをホストするためのスケーラブルな高可用性環境が提供されます。 Azure Web アプリは、1 つまたは複数の Web アプリケーションを実行できるサービスであり、App Service プラン内で定義されているリソースを使用します。 App Service プランでは、Web アプリを実行するための環境が定義されます。CPU の可用性、メモリの割り当て、ディスク ストレージの容量、要求に応じてシステムをスケーリングする方法、およびバックアップを作成する方法とタイミングなどのリソースが指定されます。 Web アプリを Azure にデプロイする場合は、既存の Web アプリ インスタンスを再利用するか、新しいものを作成することができます。

このユニットでは、Azure Toolkit for Azure を使用して、Azure App Service および App Service プランを作成する方法の基本について学習します。 次のユニットでは、Web アプリを Azure App Service にデプロイする演習を完了します。

Eclipse から Azure に接続する方法

Web アプリを Azure にデプロイする前に、まず、Eclipse から Azure アカウントにサインインする必要があります。 これは、Azure Explorer を使用して行うことができます。 [Azure Explorer] ウィンドウを開くには、Eclipse ツールバーで [Show Azure Explorer]\(Azure Explorer の表示\) をクリックします。 [Azure Explorer] ウィンドウが IDE の下部に表示されます。

:::image type="content" source="../media/4-azure-explorer.png" alt-text="Screenshot of the Azure toolbar in Eclipse. The user has selected the Azure Explorer command. The Azure Explorer window is displayed." loc-scope="third-party":::

[Azure Explorer] ウィンドウに、サインインしていないことが示された場合は、これらの手順に従います。

  1. [Azure (Not Signed In)]\(Azure (サインインしていません)\) を右クリックしてから、[サインイン] をクリックします。

    Screenshot of the Azure Explorer in Eclipse. The user is about to sign in.

  2. 接続するように求められます。 デバイスのログインを使用することができます。その場合、コードが与えられ、Web ブラウザーを使用してログイン ページに移動します。また、Microsoft Entra サービス プリンシパルの資格情報を含む認証ファイルを指定することもできます。

    Screenshot of the Azure Sign In dialog box.

  3. 最後に、[サブスクリプション] ページで、Web アプリをホストするために使用するサブスクリプションを選択します。

Web アプリを Azure にデプロイする方法

Azure Toolkit for Eclipse では、Azure への Web アプリのデプロイを開始するための方法がいくつか提供されます。

  • ツールバーの [発行] ボタンを使用して、[Publish as Azure Web App]\(Azure Web アプリとして発行\) コマンドを選択することができます。

    Screenshot of the Azure toolbar in Eclipse. The user has selected the Publish as Azure Web App command.

  • [プロジェクト エクスプローラー] ウィンドウでプロジェクトを右クリックし、[Azure] メニューをクリックしてから、[Publish as Azure Web App]\(Azure Web アプリとして発行\) コマンドを選択します。

    Screenshot of the Azure menu in Project Explorer. The user has selected the **Publish as Azure Web App** command.

[Deploy Web App]\(Web アプリのデプロイ\) ウィザードで実行が開始されます。 プロジェクトのデプロイに使用する Azure App Service の入力を求められます。 既存の App Service (使用可能な場合) を指定するか、新規作成することができます。

新しい Azure App Service を作成するには、次の手順を行います。

  1. [Create]\(作成\) をクリックして新しい App Service を設定します。

    Screenshot of the Deploy Web App wizard. The Create button is highlighted.

  2. [Create App Service]\(App Service の作成\) ウィザードでホスティング環境を指定し、App Service の App Service プランを選択または作成します。

    Screenshot of the Create App Service wizard.

    新しい Web App サービスを作成する場合、次の点に注意してください。

    • App Service 名は、Web アプリの URL を生成するために使用されます。これは一意の名前である必要があります。 名前は手動で入力できますが、ウィザードによって例が自動的に生成されます。 .azurewebsites.net というサフィックスが名前に追加され、完全な URL が形成されます。たとえば、contoso.azurewebsites.net です。

    • Azure App Service は Windows と Linux の両方のランタイム環境をサポートしているため、開発環境に合うランタイムを選択するようにします。

    • 既存の App Service プランを再利用するか、新規作成することができます。 新しいプランを作成する場合、プラン名はグローバルに一意である必要はありません。 価格レベルによって、使用可能なリソースが定義されます。 たとえば、Basic 価格レベルの場合は、2 つの CPU コア、3.50 GB のメモリ、10 GB のディスク ストレージは提供されますが、自動スケールは提供されません。

      Note

      価格レベルによってかかる料金は異なります。 最新情報については、App Service の価格に関するページを参照してください。

    • 既存の Azure リソース グループに App Service と App Service プランを追加するか、新規作成することができます。

  3. 新しい App Service を選択または作成すると、App Service 内のデプロイ スロットに Web アプリをデプロイするかどうかを選択できます。

    Note

    デプロイ スロットは、Standard 価格レベル以上でのみ使用できます。

    デプロイ スロットを使用すると、Web アプリの複数のバージョンを同時に実行できます。 たとえば、新しいバージョンのアプリをステージング用の新しいデプロイ スロットにデプロイできます。アプリの元のバージョンは、運用環境のユーザーが引き続き利用できます。 新しいバージョンの Web アプリをテストし、すべてが期待どおりに動作するようになったら、App Service に新しい Web アプリを使用するようにすぐに指示できます。使用するデプロイ スロットを指定するだけです。 スイッチは短時間で透過的であり、アプリのダウンタイムは最小限に抑えられます。

    デプロイ スロットは Azure のオプションの機能ですが、運用環境でデプロイ スロットを使用しない場合は、次の点を考慮してください。

    • 新しいバージョンをデプロイするときに、Web アプリケーションを使用できなくなります。
    • 新しいバージョンに問題がある場合は、Web アプリの以前のバージョンにロールバックすることが困難な場合があります。
  4. App Service の構成が完了したら、[デプロイ] をクリックして、プロジェクトの Web アプリを Web App Service にアップロードします。

    Screenshot of the Deploy Web App wizard. The Deploy button is highlighted.

    Web アプリがデプロイされている間、Azure アクティビティ ログには進行状況が表示され、発生したエラーがすべて報告されます。

    Screenshot of the Azure Activity Log window while the web app is being deployed.

    [進行状況][発行済み] に変わると、Web アプリは正常にデプロイされました。

Azure で実行されている Web アプリをテストする方法

Azure 上の Web アプリを Eclipse からテストするには、次のいずれかの方法を使用できます。

  • [Azure Activity Log]\(Azure アクティビティ ログ\) ウィンドウの [Published]\(発行済み\) リンクをクリックします。

    Screenshot of Azure Activity Log window.

  • Azure Explorer で、次の手順を行います。

    1. Web Apps フォルダーを展開し、新しくデプロイされた Web アプリを右クリックして、[ブラウザーで開く] をクリックします。

      Screenshot of Azure Explorer. The user has selected the Open In Browser command for the web app.

    2. Web ブラウザーが開き、Azure で実行されている Web アプリに接続されます。 たとえば、次の図は、Azure で実行されている場合に、以前のユニットの Currency Lister Web アプリがどのように見えるかを示しています。

      Screenshot of web app running using the Web Apps service in Azure.

次のユニットでは、Azure App Service と App Service プランを作成する演習を完了してから、前の演習で作成した Web アプリを Azure App Service にデプロイします。