演習 - Web アプリを Azure App Service にデプロイする

  • 10 分

前のユニットでは、Azure App Service 用の Maven プラグインを使用して、Java 開発者が Web アプリのビルドと Azure へのデプロイを簡単に自動化できるようにする方法を学習しました。 ローカルでテストした Web アプリを作成したら、次の手順として Azure App Service にデプロイします。

この演習では、azure-webapp-maven-plugin プラグインをプロジェクトに追加し、アプリを Azure App Service にデプロイするための必要条件の設定を構成します。 Web アプリを Azure に正常にデプロイしたら、Azure App Service で実行されている Web アプリをテストします。

azure-webapp-maven-plugin プラグインをプロジェクトに追加する

  1. プラグインと構成設定をお使いの Maven pom.xml ファイルに対話的に追加するには、azure-webapp-maven-plugin を使用します。

    cd ~/MyWebApp
mvn com.microsoft.azure:azure-webapp-maven-plugin:2.13.0:config

    対話型のプロンプトにそれぞれ次の値を入力します。

    プロンプト Value
    新しい実行構成を作成する "「Y」と入力します"
    OS の値を定義します "Linux に対応する番号を入力します"
    javaVersion の値を定義します Java 17 に対応する番号を入力します
    webContainer の値を定義します TOMCAT 10.0 に対応する番号を入力します
    pricingTier の値を定義します S1 に対応する番号を入力します
    確認 (Y/N) "「Y」と入力します"

    プラグインによって、選択内容を反映した適切な設定が pom.xml ファイルに追加されます。

  2. pom.xml ファイルの確認と編集には、code を使用できます。

    code pom.xml

  3. pom.xml ファイルの <build> セクションは、次の例のようになります。

    <finalName>MyWebApp</finalName>
<pluginManagement>
  ...
</pluginManagement>
  <plugins>
    <plugin>
      <groupId>com.microsoft.azure</groupId>
      <artifactId>azure-webapp-maven-plugin</artifactId>
      <version>2.13.0</version>
      <configuration>
        <schemaVersion>v2</schemaVersion>
        ...

  4. Ctrl+Sキーを押して変更を保存します。

  5. Ctrl+Q キーを押してコード エディターを終了します。

プラグインをサンドボックス リソース グループを使用するように構成する

  1. この演習では、サンドボックス用のリソース グループの名前と場所を決定する必要があります。 強制終了するには、次のコマンドを使用します。

    az group list --query [0].name
az group list --query [0].location

    この演習で後ほど使用するために、これらの値をコピーします。

  2. azure-webapp-maven-plugin をもう一度使用して、Maven pom.xml ファイルに対話的に追加設定を構成します。

    mvn com.microsoft.azure:azure-webapp-maven-plugin:2.13.0:config

    対話型のプロンプトにそれぞれ次の値を入力します。

    プロンプト 値
    構成するパーツを選択してください "アプリケーションに対応する番号を入力します"
    appName の値を定義します "既定値をそのまま使用します"
    resourceGroup の値を定義します "先ほどコピーしたリソース グループの名前を入力します ([サンドボックス リソース グループ名] になります)"
    region の値を定義します "前の手順でコピーしたリソース グループの場所を入力します"
    pricingTier の値を定義します "f1 レベルに対応する番号を入力します"
    確認 (Y/N) "「Y」と入力します"

    プラグインによって pom.xml ファイルの設定が更新されます。

Web アプリをデプロイしてテストする

  1. Maven を使用して Web アプリをビルドし、Azure App Service にデプロイします。

    mvn package azure-webapp:deploy

    対話型のプロンプトにそれぞれ次の値を入力します。

    プロンプト Value
    サブスクリプションを選択します サブスクリプションの対応する番号を入力します

    Maven では一連のビルド メッセージが表示され、最後に、Azure へのデプロイが成功したことを示すメッセージが表示されます。

    [INFO] Successfully deployed the resources to MyWebApp-1570214065588
[INFO] Trying to deploy artifact to MyWebApp-1570214065588...
[INFO] Deploying (/home/cephas/MyWebApp/target/MyWebApp.war)[war]  ...
[INFO] Application url: https://MyWebApp-1570214065588.azurewebsites.net
[INFO] ------------------------------------------------------------------------
[INFO] BUILD SUCCESS
[INFO] ------------------------------------------------------------------------
[INFO] Total time:  31.001 s
[INFO] Finished at: 2024-05-02T12:08:40Z
[INFO] ------------------------------------------------------------------------

  2. シェルで URL を選択して、デプロイしたアプリにアクセスします。 既定では、Maven プラグインによって Tomcat アプリケーションは既定の (ルート) コンテキストにデプロイされます。

    Web ブラウザーの Azure App Service 上で実行されている Web アプリの例。

次の演習では、Web アプリを更新し、Azure App Service に再デプロイします。