演習 - App Service にコードをデプロイする

完了

このユニットでは、App Service に Web アプリケーションをデプロイします。

az webapp deploy でデプロイする

ZIP デプロイを使って .NET アプリケーションをデプロイしましょう。

最初に、dotnet publish を使用して最終的なアプリ ファイルをビルドし、zip でそれを zip ファイルにパッケージ化します。

cd ~/BestBikeApp
dotnet publish -o pub
cd pub
zip -r site.zip *

最後に、az webapp deploy でデプロイを実行します。 次のコマンドの <your-app-name> を Azure Web アプリの名前に置き換えて実行します。

az webapp deploy \
    --src-path site.zip \
    --resource-group <rgn>[sandbox resource group name]</rgn> \
    --name <your-app-name>

デプロイには数分かかります。その間、状態の出力が表示されます。 コマンドの実行が完了すると、次のような出力メッセージが表示されます。

Deployment has completed successfully
You can visit your app at: http://<app-name>-<hash>.<region>.azurewebsites.net

デプロイを検証する

新しいタブで、出力に表示されている URL に移動します。 新しい ASP.NET Core Web アプリのスプラッシュ ページが表示されます。

ウェルカム ページのスクリーンショット。

これで、App Service に新しい ASP.NET Core アプリケーションを正常にホストできました。

az webapp deploy でデプロイする

次のコマンドを実行して、Java Web アプリをデプロイします。 <your-app-name> を Azure portal で作成した Web アプリの名前に置き換えます。

cd ~/helloworld/target
az webapp deploy \
    --src-path helloworld.war \
    --resource-group <rgn>[sandbox resource group name]</rgn> \
    --name <your-app-name>

コマンドの実行が完了すると、次のような出力メッセージが表示されます。

Deployment has completed successfully
You can visit your app at: http://<app-name>-<hash>.<region>.azurewebsites.net

新しいタブで、出力に含まれる URL に移動します。 アプリにあいさつメッセージが表示されます。 正常にデプロイされました。

az webapp up でデプロイする

az webapp up で Node.js アプリケーションをデプロイしてみましょう。 このコマンドを実行すると、アプリケーションがパッケージ化され、App Service インスタンスに送信されて、そこでアプリがビルドおよびデプロイされます。

まず、Web アプリのリソースに関する情報を収集する必要があります。 次のコマンドを実行して、アプリ名、リソース グループ名、プラン名、SKU、ランタイム、場所を含むシェル変数を設定します。 これらの変数はそれぞれ、別々の az コマンドを使用して Azure の情報を要求します。これらの値は、既存の Web アプリを対象とするために、az webapp up で必要とされます。

export APPNAME=$(az webapp list --query [0].name --output tsv)
export APPRG=$(az webapp list --query [0].resourceGroup --output tsv)
export APPPLAN=$(az appservice plan list --query [0].name --output tsv)
export APPSKU=$(az appservice plan list --query [0].sku.name --output tsv)
export APPRUNTIME="node|20-LTS"
export APPLOCATION=$(az appservice plan list --query [0].location --output tsv)

次に、適切な値で az webapp up を実行します。 このコマンドを実行する前に helloworld ディレクトリにいることを確認します。

az webapp up --name $APPNAME --resource-group $APPRG --plan $APPPLAN --sku $APPSKU --runtime $APPRUNTIME --location "$APPLOCATION"

デプロイが反映されるまで数分かかります。 進行状況を状態の出力で確認できます。 202 という状態コードは、デプロイが成功したことを意味します。

デプロイを検証する

アプリケーションを参照してみましょう。 JSON 出力で URL を見つけます。 それを選択すると、新しいブラウザー タブでそこに移動します。App Service によって初めてアプリが初期化されるため、このページの読み込みにはしばらく時間がかかります。

読み込まれると、アプリにあいさつメッセージが表示されます。 正常にデプロイされました。

az webapp up でデプロイする

az webapp up で Python アプリケーションをデプロイしてみましょう。 このコマンドを実行すると、アプリケーションがパッケージ化され、App Service インスタンスに送信されて、そこでアプリがビルドおよびデプロイされます。

まず、Web アプリのリソースに関する情報を収集する必要があります。 これらのコマンドを実行し、アプリの名前、リソース グループ名、プラン名、SKU、場所を含むシェル変数を設定します。 これらは、さまざまな az コマンドを使用して Azure の情報を要求します。既存の Web アプリを対象とするために、az webapp up にはこれらの値が必要です。

export APPNAME=$(az webapp list --query [0].name --output tsv)
export APPRG=$(az webapp list --query [0].resourceGroup --output tsv)
export APPPLAN=$(az appservice plan list --query [0].name --output tsv)
export APPSKU=$(az appservice plan list --query [0].sku.name --output tsv)
export APPLOCATION=$(az appservice plan list --query [0].location --output tsv)

次に、適切な値で az webapp up を実行します。 このコマンドを実行する前に BestBikeApp ディレクトリにいることを確認します。

cd ~/BestBikeApp
az webapp up --name $APPNAME --resource-group $APPRG --plan $APPPLAN --sku $APPSKU --location "$APPLOCATION"

デプロイには数分かかります。その間、状態の出力が表示されます。 202 という状態コードは、デプロイが成功したことを意味します。

デプロイを検証する

アプリケーションを参照してみましょう。 JSON 出力で URL を見つけます。 そのリンクを選択すると、新しいブラウザー タブでアプリが開きます。App Service によって初めてアプリが初期化されるため、このページの読み込みにはしばらく時間がかかる場合があります。

プログラムが読み込まれると、アプリにあいさつメッセージが表示されます。 正常にデプロイされました。

Python のようこそページに Hello Best Bike App が表示されているスクリーンショット