練習 - 設定您的 Azure DevOps 環境

已完成

在這裡,您將建立部署App Service環境。 App Service 環境是在虛擬網路內執行的 Azure App Service 單一租用戶部署。 應用程式裝載於 App Service 方案中,而這些方案是在 App Service 環境中所建立。

在本課程模組中,您會使用 Azure CLI 來新增部署和執行App Service實例所需的資源。 您可以從終端或透過 Visual Studio Code 存取 Azure CLI。

請從 Azure Cloud Shell 存取 Azure CLI。 此瀏覽器型的殼層體驗是裝載在雲端中。 在 Cloud Shell 中,Azure CLI 是設定為搭配您的 Azure 訂用帳戶使用。

重要

您需要自己的 Azure 訂用帳戶,才能完成本課程模組中的練習。

透過 Azure 入口網站啟動 Cloud Shell

  1. 請前往 Azure 入口網站並登入。

  2. 從功能表中,選取 [Cloud Shell]。 出現提示時,請選取 [Bash] 體驗。

    Azure 入口網站的螢幕擷取畫面,顯示 Cloud Shell 功能表項目的位置。

    注意

    Cloud Shell 需要有 Azure 儲存體資源,才能保存您在 Cloud Shell 中建立的任何檔案。 第一次開啟 Cloud Shell 時,系統會提示您建立資源群組、儲存體帳戶,以及 Azure 檔案儲存體共用。 所有未來的 Cloud Shell 工作階段都會自動使用此設定。

選取 Azure 區域

區域是地理位置內的一或多個 Azure 資料中心。 美國東部、美國西部和歐洲北部都是區域範例。 每個 Azure 資源 (包括 App Service 執行個體) 都會獲指派區域。

若要讓命令更容易執行,請從選取預設區域開始。 在您指定預設區域之後,除非您指定不同的區域,否則稍後的命令都會使用該區域。

  1. 從 Cloud Shell 執行下列 az account list-locations 命令,以列出 Azure 訂用帳戶中可用的區域。

    az account list-locations \
      --query "[].{Name: name, DisplayName: displayName}" \
      --output table
    
  2. 從輸出中的 Name 資料行,選擇接近您的區域。 例如,選擇 eastasiawestus2

  3. 執行 az configure 以設定您的預設區域。 將 <REGION> 換成您選擇的區域名稱。

    az configure --defaults location=<REGION>
    

    此範例會將 westus2 設定為預設區域:

    az configure --defaults location=westus2
    

建立 Bash 變數

建立 Bash 變數讓設定程序變得更方便,更不易出錯。 使用變數代表共用文字字串有助於避免不慎打錯字。

  1. 從 Cloud Shell 產生隨機數字。 這樣可讓您在下一個步驟中,更輕鬆為某些服務建立全域唯一名稱。

    resourceSuffix=$RANDOM
    
  2. 為 App Service Web 應用程式建立全域唯一的名稱。 請注意,此命令使用雙引號,告知 Bash 使用內嵌語法插補變數。

    webName="helloworld-nodejs-${resourceSuffix}"
    
  3. 多建立兩個 Bash 變數,以儲存資源群組和 App Service 方案的名稱。

    rgName='hello-world-nodejs-rg'
    planName='helloworld-nodejs-plan'
    

建立 Azure 資源

此解決方案需要幾個 Azure 資源,供您現在要建立的部署使用。

注意

為了學習目的,您可以在這裡使用預設的網路設定。 這些設定讓您的網站可從網際網路存取。 實際上,您可以設定 Azure 虛擬網路,將網站放在非網際網路可路由傳送且只有您和小組才能存取的網路中。 稍後,您可以重新設定網路,讓使用者可以使用網站。

  1. 執行下列 az group create 命令,以使用稍早定義的名稱來建立資源群組。

    az group create --name $rgName
    
  2. 執行下列 az appservice plan create 命令,以使用稍早定義的名稱來建立 App Service 方案。

    az appservice plan create \
      --name $planName \
      --resource-group $rgName \
      --sku B1 \
      --is-linux
    

    --sku 引數會指定 B1 方案。 此方案會在基本層上執行。 --is-linux 引數指定使用 Linux 背景工作角色。

    重要

    如果您的 Azure 訂用帳戶中沒有 B1 SKU,請選擇不同的方案,例如 S1 (標準)。

  3. 執行下列 az webapp create 命令,以建立 App Service 執行個體。

    az webapp create \
      --name $webName \
      --resource-group $rgName \
      --plan $planName \
      --runtime "node|16-lts"
    

重要

此課程模組中的清除您的 Azure DevOps 環境頁面包含重要的清除步驟。 完成本課程模組後,清除可協助確保您不需支付 Azure 資源的費用。 請務必執行清除步驟,即使您未完成此課程模組亦然。

查看您的工作

  1. 執行下列 az webapp list 命令,以列出 App Service 執行個體的主機名稱和狀態。

    az webapp list \
      --resource-group $rgName \
      --query "[].{hostName: defaultHostName, state: state}" \
      --output table
    

    請記下執行中服務的主機名稱。 您稍後驗證工作時需要此 Web 主機名稱。 以下為範例:

    HostName                             State
    -----------------------------------  -------
    helloworld-nodejs-16353.azurewebsites.net  Running
    
  2. 將瀏覽器巡覽至主機名稱。 驗證其正在執行,且會顯示預設首頁。

    以下是您應該會看到的內容:

    Azure App Service 上預設首頁的螢幕擷取畫面。