練習 - 建立網站

已完成

在機動車輛部門系統中,您決定在兩部伺服器上執行 Web 應用程式。 您會使用虛擬機器來實作每部伺服器。

在此練習中,您將建立一對虛擬機,並安裝車輛註冊 Web 應用程式。 您也會設定可供應用程式閘道用來連線至虛擬機器的虛擬網路。 最後,您會將授權更新網站部署到 Azure App 服務 實例。

Diagram showing the resources that will be deployed.

建立虛擬機器並部署車輛登記網站

  1. 在瀏覽器中開啟 Azure Cloud Shell,並使用要建立資源的訂用帳戶存取權登入目錄。

  2. 在 Cloud Shell 中執行下列命令,以建立變數來儲存資源群組名稱,並為資源建立資源群組。 以您的資源群組名稱取代 <resource group name>,並以資源要部署的 Azure 區域取代 <location>

    注意

    如果需要尋找位置名稱,可以使用下列命令: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 的位址。 該命令也會建立名為 webServerSubnet 的子網路,其具有介於 10.0.1.0 至 10.0.1.255 的位址範圍。 此子網路會包含虛擬機器。

    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. 若要建立並設定網頁伺服器的虛擬機器,請執行下列命令。 這些虛擬機器的名稱會是 webServer1webServer2。 每部虛擬機器都會執行 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 執行中]

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

您現在已建立執行車輛註冊 Web 應用程式的虛擬機。 這兩部虛擬機器是完全相同的,同時也屬於相同的虛擬網路。

建立 App Service 並部署駕照更新網站

  1. 若要開始,請執行下列命令來產生網站的唯一名稱:

    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 
    

接下來,讓我們進一步瞭解設定 應用程式閘道。