演習 - Web サイトを作成する

完了

あなたは、自動車部署のシステムで、Web アプリを 2 台のサーバー上で実行することを決断します。 仮想マシンを使って各サーバーを実装します。

この演習では、仮想マシンのペアを作成し、車両登録 Web アプリをインストールします。 また、Application Gateway が仮想マシンに接続するために使用できる仮想ネットワークを構成します。 最後に、免許更新 Web サイトを Azure App Service のインスタンスにデプロイします。

仮想マシンを作成して車両登録サイトをデプロイする

1. ブラウザーで Azure Cloud Shell を開き、リソースを作成するサブスクリプションへのアクセス権を持つディレクトリにログインします。

2. Cloud Shell で次のコマンドを実行して、リソース グループ名とリソースのリソース グループを格納する変数を作成します。 <resource group name> をリソース グループの名前に、<location> をリソースをデプロイする Azure リージョンに置き換えます。

   Note

   場所の名前を検索する必要がある場合は、az account list-locations -o table のコマンドを使用できます

   RG=<resource group name>
   az group create --name $RG --location <location>
   

3. Cloud Shell ウィンドウで次のコマンドを実行します。 このコマンドでは、Azure のコマンド ライン インターフェイスを使って、vehicleappvnet という名前の仮想ネットワークが作成されます。 それは、10.0.0.0 から 10.0.255.255 の範囲のアドレスを提供するプライベート ネットワークです。 そのコマンドでは、アドレスの範囲が 10.0.1.0 から 10.0.1.255 までである webServerSubnet という名前のサブネットも作成されます。 このサブネットには仮想マシンが含まれます。

   az network vnet create \
     --resource-group $RG \
     --name vehicleAppVnet \
     --address-prefixes 10.0.0.0/16 \
     --subnet-name webServerSubnet \
     --subnet-prefixes 10.0.1.0/24
   

4. 仮想マシンを作成するスクリプトをダウンロードするには、次のコマンドを実行します。

   git clone https://github.com/MicrosoftDocs/mslearn-load-balance-web-traffic-with-application-gateway module-files
   

5. Web サーバー用の仮想マシンを作成して構成するには、次のコマンドを実行します。 仮想マシンの名前は webServer1 と webServer2 です。 各仮想マシンでは、Ubuntu Server が実行されます。 各仮想マシンに管理ユーザー アカウントが azureuser というログイン名で作成されます。 各仮想マシンには、車両登録 Web アプリがインストールされます。

   最初のコマンドは非同期に実行され、両方の仮想マシンを同時に作成できます。

   az vm create \
     --resource-group $RG \
     --name webServer1 \
     --image Ubuntu2204 \
     --admin-username azureuser \
     --generate-ssh-keys \
     --vnet-name vehicleAppVnet \
     --subnet webServerSubnet \
     --public-ip-address "" \
     --nsg "" \
     --custom-data module-files/scripts/vmconfig.sh \
     --no-wait
   

   az vm create \
     --resource-group $RG \
     --name webServer2 \
     --image Ubuntu2204 \
     --admin-username azureuser \
     --generate-ssh-keys \
     --vnet-name vehicleAppVnet \
     --subnet webServerSubnet \
     --public-ip-address "" \
     --nsg "" \
     --custom-data module-files/scripts/vmconfig.sh
   

6. 両方の仮想マシンが正常に作成されたことを確認するには、次のコマンドを実行します。

   az vm list \
     --resource-group $RG \
     --show-details \
     --output table
   

   次のような出力が表示されます。 続行する前に、両方の仮想マシンの PowerState が VM running になっていることを確認します。

   Name          ResourceGroup      PowerState    PublicIps    Fqdns    Location        Zones
   ------------  -----------------  ------------  -----------  -------  --------------  -------
   webServer1    MyResourceGroup    VM running                          southcentralus
   webServer2    MyResourceGroup    VM running                          southcentralus
   

これで、車両登録 Web アプリを実行する仮想マシンの作成が完了しました。 両方の仮想マシンは同じであり、同じ仮想ネットワークの一部です。

App Service を作成して免許更新サイトをデプロイする

1. 最初に、次のコマンドを実行して、Web サイトの一意の名前を生成します。

   APPSERVICE="licenserenewal$RANDOM"
   

2. 次に、次のコマンドを実行して、Web アプリが使用する App Service プランを作成します。

   az appservice plan create \
       --resource-group $RG \
       --name vehicleAppServicePlan \
       --sku S1
   

3. 最後に、Web アプリを作成し、免許更新サイトをデプロイします。

   az webapp create \
       --resource-group $RG \
       --name $APPSERVICE \
       --plan vehicleAppServicePlan \
       --deployment-source-url https://github.com/MicrosoftDocs/mslearn-load-balance-web-traffic-with-application-gateway \
       --deployment-source-branch appService 
   

次に、Application Gateway の構成について詳しく見ていきましょう。