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 ツール バーの [Azure Explorer の表示] を選択します。 [Azure Explorer] ウィンドウが IDE の下部に表示されます。

Azure Explorer コマンドが選択され、[Azure Explorer] ウィンドウが表示されている Eclipse の Azure ツール バーのスクリーンショット。

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

  1. [Azure (サインインしていません)] を右クリックし、[サインイン] を選択します。

    Eclipse の Azure Explorer のスクリーンショット。ユーザーがサインインしようとしています。

  2. Eclipse には、接続を求めるメッセージが表示されます。 デバイスのサインインを使う場合は、Web ブラウザーで使用するコードを取得します。 または、Microsoft Entra サービス プリンシパルの資格情報を含む認証ファイルを指定することもできます。

    [Azure Sign In]\(Azure サインイン\) ダイアログ ボックスのスクリーンショット。

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

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

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

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

    [Azure Web アプリとして発行] が選択されている Eclipse の Azure ツール バーのスクリーンショット。

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

    [Azure Web アプリとして発行] が選択されているプロジェクト エクスプローラーの [Azure] メニューのスクリーンショット。

[Web アプリのデプロイ] ウィザードが起動します。 プロジェクトのデプロイに使用する Azure App Service の入力を求められます。 既存の App Service (使用可能な場合) を指定するか、新しいものを作成できます。

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

  1. [作成] を選択して新しい App Service を設定します。

    [作成] ボタンが強調表示されている [Web アプリのデプロイ] ウィザードのスクリーンショット。

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

    [Create App Service]\(App Service の作成\) ウィザードのスクリーンショット。

    新しい 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 アプリをテストし、すべてが期待どおりに動作したら、新しい Web アプリを使用するように App Service にすぐに指示できます。 使用するデプロイ スロットを指定するだけです。 スイッチは短時間で透過的であり、アプリのダウンタイムは最小限に抑えられます。

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

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

    [デプロイ] ボタンが強調表示されている [Web アプリのデプロイ] ウィザードのスクリーンショット。

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

    Web アプリがデプロイされているときの [Azure アクティビティ ログ] ウィンドウのスクリーンショット。

    [進行状況][発行済み] に変わった場合、Web アプリは正常にデプロイされています。

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

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

  • [Azure アクティビティ ログ] ウィンドウの [発行済み] リンクを選択してください。

    [Azure アクティビティ ログ] ウィンドウのスクリーンショット。

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

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

      Web アプリに対して [ブラウザーで開く] が選択されている Azure Explorer のスクリーンショット。

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

      Azure の Web Apps サービスを使用して実行されている Web アプリのスクリーンショット。

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