練習 - 發佈簡單的 Azure 函式

已完成

Azure Functions 範本中的 [發佈] 精靈會提供最直接的方法來部署 Azure Functions,特別是基於測試目的。

在名貴錶款的線上網站案例中,您已決定使用 Visual Studio 2022,將函式部署到雲端的 Azure 函數應用程式。 首先,您將建立 Azure 函數應用程式,然後使用 Visual Studio 的 [發佈] 精靈部署您建立的函式。

您會在這裡使用 Azure 入口網站,以建立 Azure 函數應用程式。 然後,使用您在上一個練習中建立的 Visual Studio 專案部署 WatchInfo 函式。 最後,您會藉由測試函式來確認函式是否已正確部署。

使用 Azure 入口網站建立 Azure 函數應用程式

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

  2. 在 [資源] 功能表或 [首頁] 中選取 [建立資源]

    Azure 入口網站功能表和 [建立資源] 選項的螢幕擷取畫面。

    [建立資源] 窗格隨即會顯示。

  3. 在 [建立資源] 功能表中,選取 [計算],然後搜尋並選取 [函式應用程式]。 選取 建立

    [計算] 類別 和 [函數應用程式] 服務選項的螢幕擷取畫面。

    [建立函數應用程式] 頁面隨即出現。

  4. 選取 [Consumptio] 作為主控方案。 接著,在 [基本] 索引標籤上,為每個設定輸入下列值。

    注意

    您的函數應用程式在 Azure 中必須有唯一的名稱。 建議您使用類似 <姓名縮寫>watchfunctions 這樣的格式。 只要在剩下的練習中看到 <您的函數應用程式名稱>,就請使用此名稱。

    設定
    專案詳細資料
    訂用帳戶 指引訂用帳戶
    資源群組 從下拉式選單中,選取 [沙箱資源群組]
    執行個體詳細資料
    函數應用程式名稱 <您的函數應用程式名稱>
    執行階段堆疊 .NET
    版本 8 (LTS),隔離的背景工作角色模型
    區域 接受預設位置。
    作業系統
    作業系統 Windows
  5. 選取 [下一步: 儲存體]。

  6. 在 [儲存體] 索引標籤上,為每個設定輸入下列值。

    設定
    儲存體
    儲存體帳戶 接受預設值。
  7. 選取 [檢閱 + 建立],然後選取 [建立]。 部署會顯示為函數應用程式建立的資源。

  8. 完成部署後,選取 [前往資源]<您的函數應用程式名稱> 的 [函數應用程式] 窗格隨即出現。

將 WatchInfo 函式部署到 Azure Functions 應用程式

  1. 在您的桌面上,回到 Visual Studio。

  2. 在 [方案總管] 視窗中,以滑鼠右鍵按一下 WatchPortalFunction 專案,然後選取 [發佈]

    Visual Studio 的螢幕擷取畫面,其中顯示 WatchPortalFunctions 專案的 [發佈] 選項。

    [發佈] 窗格隨即出現。

  3. 選取 [Azure],然後選取 [下一步]

    發佈目標視窗的螢幕擷取畫面,其中已醒目提示 Azure 選項。

    [發佈] 窗格會更新為新的資訊。

  4. 選取 [Azure 函數應用程式 (Windows)],然後選取 [下一步]

    發佈特定目標視窗的螢幕擷取畫面,其中已醒目提示 [Azure 函數應用程式 (Windows)] 選項。

  5. 在 [訂用帳戶名稱] 下拉式清單中,選取 [指引訂用帳戶]。 展開 [沙箱資源群組] 資料夾,然後選取您的函數應用程式。 選取 [完成]。

    [發佈函式執行個體] 視窗的螢幕擷取畫面。要選取 [函數應用程式] 的使用者。

  6. 選取發行

    [醒目提示 [完成] 的 Visual Studio 螢幕擷取畫面。

    等候系統部署您的函式。 Visual Studio 中的 [輸出] 視窗會顯示建置的進度並發佈處理序。 如果一切正常運作,您應該會有一個成功的建置和一個成功的發佈

    Visual Studio 中 [輸出] 視窗的螢幕擷取畫面。輸出訊息指出已成功發佈函式。

確認函式已部署

  1. 返回 Azure 入口網站。 包含您函數應用程式的 [函數應用程式] 窗格隨即出現。

  2. 在 [函式應用程式] 功能表的 [函式] 下,選取 [函式]。 函數應用程式的 [函式] 窗格隨即出現。

  3. 確認已列出 Function1WatchInfo 函式。

  4. 在 [函數應用程式] 功能表中,選取 [概觀],並檢查 Azure 函數應用程式的 [狀態] 是否列為執行中

    Azure 入口網站 [函數應用程式] 窗格的螢幕擷取畫面,其中顯示 'Function1' 和 'WatchInfo' 函式。

    注意

    這些函式會標示為「唯讀」。 因為您已從 Visual Studio 發佈這些函式,所以您無法從 Azure 入口網站修改其設定或組態。 如果您需要更新其中一個函式,請在 Visual Studio 中進行變更,然後再次發佈這些函式。

  5. 在 [函數應用程式] 窗格中,選取 [URL] (上圖中醒目提示竹 URL)。 瀏覽器視窗隨即開啟,並確認函數應用程式已啟動並正在執行。

    網頁瀏覽器的螢幕擷取畫面,其中顯示函數應用程式正在執行中。

  6. WatchInfo 函式的 URL /api/watchinfo 附加至瀏覽器的 URL,以在沒有查詢字串的情況下叫用 WatchInfo 函式。 您可能需要重新整理瀏覽器,才會看到「請在查詢字串中提供監看式模型」錯誤訊息。

    網頁瀏覽器視窗的螢幕擷取畫面,其中顯示錯誤訊息。

  7. 將查詢字串 ?model=abc 新增至 URL,並重新整理瀏覽器視窗。 此時,您會看到函式所傳回的監看式模型詳細資料。

    網頁瀏覽器的螢幕擷取畫面,其中顯示錶款模型的詳細資料。

在此練習中,您已在雲端中建立 Azure 函數應用程式,並將函式從 Visual Studio 發佈到這個應用程式。