Share via


快速入門:將應用程式驗證新增至在 Azure App 服務 上執行的 Web 應用程式

了解如何針對在 Azure App Service 上執行的 Web 應用程式啟用驗證,並限制存取組織中的使用者。

在本教學課程中,您會了解如何:

  • 設定 Web 應用程式的驗證。
  • 使用 Microsoft Entra 作為識別提供者,將 Web 應用程式的存取限制為組織中的使用者。

App Service 提供的自動驗證

App Service 提供內建的驗證和授權支援,因此您在 Web 應用程式中完全無需寫入程式碼,即可登入使用者。 使用選用的 App Service 驗證/授權模組,可簡化應用程式的驗證和授權。 當您準備好進行自定義驗證和授權時,會建置在此架構上。

App Service 驗證提供:

  • 輕鬆地透過 Azure 入口網站和應用程式設定來開啟和設定。
  • 不需要任何 SDK、特定程式語言或變更應用程式程式碼。
  • 支援數個識別提供者:
    • Microsoft Entra
    • Microsoft 帳戶
    • Facebook
    • Google
    • Twitter

驗證/授權模組啟用時,每個連入的 HTTP 要求會先通過此模組,再由應用程式程式碼處理。​若要深入了解,請參閱 Azure App Service 中的驗證與授權

1.Prerequisites

如果您沒有 Azure 訂用帳戶,請在開始之前先建立 Azure 免費帳戶

2.在 App Service 上建立和發佈 Web 應用程式

在本教學課程中,您需要部署到 App Service 的 Web 應用程式。 您可以使用現有的 Web 應用程式,也可以遵循其中一個快速入門,以建立新的 Web 應用程式,並發佈至 App Service:

無論是要使用現有的 Web 應用程式或建立新的 Web 應用程式,請注意下列各項:

  • Web 應用程式名稱
  • Web 應用程式部署所在的資源群組

您在本教學課程中需要這些名稱。

3.設定驗證和授權

現在您已在 App Service 上執行 Web 應用程式,請啟用驗證和授權。 您可以使用 Microsoft Entra 作為識別提供者。 如需詳細資訊,請參閱為 App Service 應用程式設定 Microsoft Entra 驗證

  1. Azure 入口網站功能表中,選取 [資源群組],或從任何頁面搜尋並選取 [資源群組]

  2. 在 [資源群組] 中,尋找並選取資源群組。 在概觀中,選取應用程式的管理頁面。

    顯示選取應用程式管理頁面的螢幕快照。

  3. 在應用程式的左側功能表上,選取 [ 驗證],然後選取 [ 新增識別提供者]。

  4. 在 [新增識別提供者] 頁面中,選取 [Microsoft] 作為 [識別提供者],以登入 Microsoft 和 Microsoft Entra 識別。

  5. 針對 [ 租使用者類型],選取 [員工和商務來賓的員工設定][目前租 使用者]。

  6. 針對 [ 應用程式註冊>應用程式註冊類型],選取 [ 建立新的應用程式註冊 ] 以在 Microsoft Entra 中建立新的應用程式註冊。

  7. 輸入應用程式的顯示 [名稱]。 當應用程式的使用者使用應用程式時 (例如在登入期間),可能會看到顯示名稱。

  8. 針對 [應用程式註冊]> [支援的帳戶類型],選取 [目前租用戶-單一租用戶],如此只有組織中的使用者才能登入 Web 應用程式。

  9. 在 [ 其他檢查] 區段中,選取:

    • 只允許來自此應用程式本身 的要求,以取得 用戶端應用程式需求
    • 允許來自任何身分識別 的要求以進行 身分識別需求
    • 僅允許租使用者需求之簽發者租使用者的要求
  10. 在 [ App Service 驗證設定 ] 區段中,設定:

    • 需要驗證
    • HTTP 302 找到重新導向:建議用於未驗證要求的網站
    • 令牌存放區 方塊
  11. 在 [新增識別提供者] 頁面底部,選取 [新增] 以啟用 Web 應用程式的驗證。

    顯示設定驗證的螢幕快照。

    您現在有一個由 App Service 驗證和授權所保護的應用程式。

    注意

    若要允許來自其他租用戶的帳戶,請從 [驗證] 刀鋒視窗中編輯您的 [識別提供者],將 [簽發者 URL] 變更為 'https://login.microsoftonline.com/common/v2.0'。

4.驗證 Web 應用程式的有限存取權

當您在上一節中啟用 App Service 驗證/授權模組時,會在您的員工或外部租使用者中建立應用程式註冊。 應用程式註冊具有您在上一個步驟中建立的顯示名稱。

  1. 若要檢查設定,請至少以應用程式開發人員身分登入 Microsoft Entra 系統管理中心。 如果您選擇外部設定,請使用頂端功能表中的 [設定] 圖示,從 [目錄 + 用帳戶] 功能表切換至具有 Web 應用程式的外部租使用者。 當您位於正確的租使用者時:

  2. 流覽至 [身分>識別應用程式> 應用程式註冊],然後從功能表中選取 [應用程式> 應用程式註冊]。

  3. 選取之前建立的應用程式註冊。

  4. 在概觀中,確認支援的帳戶類型已設定為僅限我的組織

  5. 若要確認應用程式的存取權僅限於您組織中的使用者,請移至您的 Web 應用程式 [概觀 ],然後選取 [ 預設網域 ] 連結。 或者,在無痕模式或私人模式中啟動瀏覽器,然後移至 https://<app-name>.azurewebsites.net

    顯示驗證存取權的螢幕快照。

  6. 系統應該會將您導向至安全的登入頁面,目的是確認不允許未經驗證的使用者存取網站。

  7. 以組織中的使用者身分登入,取得網站的存取權。 您也可以啟動新的瀏覽器,並嘗試使用個人帳戶登入,以確認組織外部的使用者沒有存取權。

5.清除資源

如果您已完成此多部分教學課程中的所有步驟,您建立了 App Service、App Service 主控方案和資源群組中的記憶體帳戶。 您也會在 Microsoft Entra ID 中建立應用程式註冊。 如果您選擇外部組態,您可能已建立新的外部租使用者。 當不再需要這些資源和應用程式註冊時,請加以刪除,才不會繼續累積費用。

在本教學課程中,您會了解如何:

  • 刪除遵循教學課程時所建立的 Azure 資源。

刪除資源群組

在 Azure 入口網站 中,從入口網站功能表中選取 [資源群組],然後選取包含App Service和App Service 方案的資源群組。

選取 [刪除資源群組] 來刪除群組及所有資源。

顯示刪除資源群組的螢幕快照。

此命令可能需要幾分鐘的時間來執行。

刪除應用程式註冊

Microsoft Entra 系統管理中心中,選取 [應用程式]> [應用程式註冊]。 然後選取您建立的應用程式。 顯示選取應用程式註冊的螢幕快照。

在應用程式註冊概觀中,選取 [刪除]顯示刪除應用程式註冊的螢幕快照。

刪除外部租使用者

如果您已建立新的外部租使用者,則可以 將其刪除。 在 [Microsoft Entra 系統管理中心] 中,流覽至 [身分>識別概觀>管理租使用者]。

選取您要刪除的租用戶,然後選取 [ 刪除]。

您可能需要完成必要的動作,才能刪除租使用者。 例如,您可能需要刪除租使用者中的所有使用者流程和應用程式註冊。

如果您已準備好刪除租使用者,請選取 [ 刪除]。

下一步

在本教學課程中,您已了解如何:

  • 設定 Web 應用程式的驗證。
  • 限制對您組織中的使用者存取 Web 應用程式的權限。