練習 - 在 Azure 入口網站中建立 Web 應用程式

已完成

在本單元中,您將使用 Azure 入口網站來建立 Web 應用程式。

建立 Web 應用程式

使用啟用沙箱時所用的相同帳戶來登入 Azure 入口網站

  1. 從 Azure 入口網站功能表或 [首頁] 頁面,選取 [建立資源]。 您在 Azure 上建立的所有項目都是資源。 [建立資源] 窗格隨即會顯示。

    您可在此處搜尋要建立的資源,也可以選取人員在 Azure 入口網站中建立的其中一種熱門資源。

  2. 在 [建立資源] 功能表中,選取 [Web]

  3. 選取 [Web 應用程式]。 若未看到,請在搜尋方塊中搜尋,並選取 [Web 應用程式]。 [建立 Web 應用程式] 窗格會隨即出現。

  4. 在 [基本] 索引標籤上,為每個設定輸入下列值。

    設定 詳細資料
    專案詳細資料
    訂用帳戶 指引訂用帳戶 您建立的每個 Web 應用程式都必須屬於某個資源群組。 您會在這裡選取資源群組所屬的 Azure 訂用帳戶 (如果您是在精靈中建立,將會屬於該帳戶)。
    資源群組 選取 [沙箱資源群組] Web 應用程式所屬的資源群組。 所有 Azure 資源都必須屬於某個資源群組。
    執行個體詳細資料
    名稱 輸入唯一名稱 您 Web 應用程式的名稱。 此名稱將會是應用程式 URL 的一部分:appname.azurewebsites.net。 您選擇的名稱必須是所有 Azure Web 應用程式中唯一的。
    發佈 代碼 您要用來發佈應用程式的方法。 以程式碼的形式發佈應用程式時,您也必須設定 [執行階段堆疊] 來準備 App Service 資源,以執行您的應用程式。
    執行階段堆疊 .NET 6 (LTS) 應用程式執行所在的平台。 您的選擇可能會影響您是否能夠選擇作業系統:針對某些執行階段堆疊,App Service 只支援一種作業系統。
    作業系統 Linux 將執行應用程式的虛擬伺服器所使用的作業系統。
    區域 美國東部 將裝載您應用程式的地理區域。
    定價方案
    Linux 方案 接受預設 將支援您應用程式的 App Service 方案名稱。 根據預設,精靈將會在與 Web 應用程式相同的區域中建立新方案。
    定價方案 免費 F1 要建立之服務方案的定價層。 定價方案會決定支援應用程式的虛擬伺服器會具備哪些效能特性,及其可存取的功能。 在下拉式清單中選取 [免費 F1]。

    Screenshot showing web app creation details.

  1. 在 [Azure 入口網站] 功能表上,或從 [首頁] 頁面中,選取 [建立資源]。 您在 Azure 上建立的所有項目都是資源。 [建立資源] 窗格隨即會顯示。

    您可在此處搜尋要建立的資源,也可以選取人員在 Azure 入口網站中建立的其中一種熱門資源。

  2. 在 [建立資源] 功能表中,選取 [Web]

  3. 選取 [Web 應用程式]。 若未看到,請在搜尋方塊中搜尋,並選取 [Web 應用程式]。 [建立 Web 應用程式資源] 窗格隨即顯示。

  4. 在 [基本] 索引標籤上,為每個設定輸入下列值。

    設定 詳細資料
    專案詳細資料
    訂用帳戶 指引訂用帳戶 您建立的每個 Web 應用程式都必須屬於某個資源群組。 您會在這裡選取資源群組所屬的 Azure 訂用帳戶 (如果您是在精靈中建立,將會屬於該帳戶)。
    資源群組 選取 [沙箱資源群組] Web 應用程式所屬的資源群組。 所有 Azure 資源都必須屬於某個資源群組。
    執行個體詳細資料
    名稱 輸入唯一名稱 您 Web 應用程式的名稱。 此名稱將會是應用程式 URL 的一部分:appname.azurewebsites.net。 您選擇的名稱必須是所有 Azure Web 應用程式中唯一的。
    發佈 代碼 您要用來發佈應用程式的方法。 以程式碼的形式發佈應用程式時,您也必須設定 [執行階段堆疊] 來準備您的 App Service 資源,以執行應用程式。
    執行階段堆疊 Java 11 您應用程式所使用的 Java 執行階段版本。
    Java Web 伺服器堆疊 Apache Tomcat 9.0 您要在其上執行應用程式的平台。 您的選擇可能會影響您是否能夠選擇作業系統:針對某些執行階段堆疊,App Service 只支援一種作業系統。
    作業系統 Linux 將執行應用程式的虛擬伺服器所使用的作業系統。
    區域 美國東部 將裝載您應用程式的地理區域。
    定價方案
    Linux 方案 接受預設 將支援您應用程式的 App Service 方案名稱。 根據預設,精靈將會在與 Web 應用程式相同的區域中建立新方案。
    定價方案 F1 要建立之服務方案的定價層。 定價方案會決定支援應用程式的虛擬伺服器會具備哪些效能特性,及其可存取的功能。 在下拉式清單中選取 [免費 F1]。

    Screenshot showing web app creation details.

  1. 在 [Azure 入口網站] 功能表上,或從 [首頁] 頁面中,選取 [建立資源]。 您在 Azure 上建立的所有項目都是資源。 [建立資源] 窗格隨即會顯示。

    您可在此處搜尋要建立的資源,也可以選取人員在 Azure 入口網站中建立的其中一種熱門資源。

  2. 在 [建立資源] 功能表中,選取 [Web]

  3. 選取 [Web 應用程式]。 若未看到,請在搜尋方塊中搜尋,並選取 [Web 應用程式]。 [建立 Web 應用程式] 窗格會隨即出現。

  4. 在 [基本] 索引標籤上,為每個設定輸入下列值。

    設定 詳細資料
    專案詳細資料
    訂用帳戶 指引訂用帳戶 您建立的每個 Web 應用程式都必須屬於某個資源群組。 您會在這裡選取資源群組所屬的 Azure 訂用帳戶 (如果您是在精靈中建立,將會屬於該帳戶)。
    資源群組 選取 [沙箱資源群組] Web 應用程式所屬的資源群組。 所有 Azure 資源都必須屬於某個資源群組。
    執行個體詳細資料
    名稱 輸入唯一名稱 您 Web 應用程式的名稱。 此名稱將會是應用程式 URL 的一部分:appname.azurewebsites.net。 您選擇的名稱必須是所有 Azure Web 應用程式中唯一的。
    發佈 代碼 您要用來發佈應用程式的方法。 以程式碼的形式發佈應用程式時,您也必須設定 [執行階段堆疊] 來準備 App Service 資源,以執行您的應用程式。
    執行階段堆疊 Node 16 LTS 應用程式執行所在的平台。 您的選擇可能會影響您是否能夠選擇作業系統;針對某些執行階段堆疊,App Service 只支援一種作業系統。
    作業系統 Linux 將執行應用程式的虛擬伺服器所使用的作業系統。
    區域 美國東部 將裝載您應用程式的地理區域。
    定價方案
    Linux 方案 接受預設 將支援您應用程式的 App Service 方案名稱。 根據預設,精靈將會在與 Web 應用程式相同的區域中建立新方案。
    定價方案 F1 要建立之服務方案的定價層。 定價方案會決定支援應用程式的虛擬伺服器會具備哪些效能特性,及其可存取的功能。 在下拉式清單中選取 [免費 F1]。

    Screenshot showing web app creation details.

  1. 在 [Azure 入口網站] 功能表上,或從 [首頁] 頁面中,選取 [建立資源]。 您在 Azure 上建立的所有項目都是資源。 [建立資源] 窗格隨即會顯示。

    您可在此處搜尋要建立的資源,也可以選取人員在 Azure 入口網站中建立的其中一種熱門資源。

  2. 在 [建立資源] 功能表中,選取 [Web]

  3. 選取 [Web 應用程式]。 若未看到,請在搜尋方塊中搜尋,並選取 [Web 應用程式]。 [建立 Web 應用程式資源] 窗格隨即顯示。

  4. 在 [基本] 索引標籤上,為每個設定輸入下列值。

    設定 詳細資料
    專案詳細資料
    訂用帳戶 指引訂用帳戶 您建立的每個 Web 應用程式都必須屬於某個資源群組。 您會在這裡選取資源群組所屬的 Azure 訂用帳戶 (如果您是在精靈中建立,將會屬於該帳戶)。
    資源群組 從下拉式選單中選取 [沙箱資源群組] Web 應用程式所屬的資源群組。 所有 Azure 資源都必須屬於某個資源群組。
    執行個體詳細資料
    名稱 輸入唯一名稱 您 Web 應用程式的名稱。 此名稱將會是應用程式 URL 的一部分:appname.azurewebsites.net。 您選擇的名稱必須是所有 Azure Web 應用程式中唯一的。
    發佈 代碼 您要用來發佈應用程式的方法。 以程式碼的形式發佈應用程式時,您也必須設定 [執行階段堆疊] 來準備 App Service 資源,以執行您的應用程式。
    執行階段堆疊 Python 3.8 應用程式執行所在的平台。 您的選擇可能會影響您是否能夠選擇作業系統:針對某些執行階段堆疊,App Service 只支援一種作業系統。
    作業系統 Linux 將執行應用程式的虛擬伺服器所使用的作業系統。
    區域 美國東部 將裝載您應用程式的地理區域。
    定價方案
    Linux 方案 接受預設 將支援您應用程式的 App Service 方案名稱。 根據預設,精靈將會在與 Web 應用程式相同的區域中建立新方案。
    定價方案 F1 要建立之服務方案的定價層。 定價方案會決定支援應用程式的虛擬伺服器會具備哪些效能特性,及其可存取的功能。 在下拉式清單中選取 [免費 F1]。

    Screenshot showing web app creation details.

  1. 將任何其他設定保留為預設值。 選取 [檢閱 + 建立] 以前往 [檢閱] 窗格,然後選取 [建立]。 入口網站將顯示部署窗格,供您檢視部署狀態。

    注意

    完成部署可能需要一些時間。

預覽您的 Web 應用程式

  1. 當部署完成時,請選取 [前往資源]。 入口網站會為您的 Web 應用程式顯示 [App Service 概觀] 窗格。

    Screenshot showing the App Service pane with the URL link of the overview section highlighted.

  2. 若要預覽 Web 應用程式的預設內容,請選取右上方 [預設網域] 下的 [URL]。 載入的預留位置頁面會指出您的 Web 應用程式已啟動並執行,並已準備好接收應用程式程式碼的部署。

Screenshot showing your App Service in a browser.

Screenshot showing your App Service in a browser.

Screenshot showing your App Service in a browser.

Screenshot showing the newly created App Service in a browser.

將包含新應用程式預留位置頁面的瀏覽器索引標籤維持在開啟狀態。 在部署應用程式後,將會回到此頁面。