快速入門:開始使用我們的指南,以執行範例應用程式並登入您的使用者
適用於: 員工租用戶 外部租用戶 (深入了解)
在本快速入門中,我們將引導您自訂外部租用戶中應用程式的外觀。 我們也將協助您設定使用者來測試註冊流程,並在短短幾分鐘內設定範例應用程式。 透過這些內建的外部設定功能,Microsoft Entra 外部 ID 可作為您客戶的識別提供者和存取管理服務。
必要條件
- 外部租用戶。 如果您還沒有試用版,註冊免費試用 或 在 Microsoft Entra 系統管理中心建立具有外部設定的租用戶。
注意
您也可以使用適用於 Visual Studio Code 的 Microsoft Entra 外部 ID 延伸模組來建立外部租用戶、自訂登入體驗,以及直接在 Visual Studio Code 中設定範例應用程式 (深入瞭解)。
自訂您的登入體驗
當您設定外部租用戶免費試用時,新外部租用戶設定的一部分會自動開始指南。 如果您使用 Azure 訂用帳戶建立外部租用戶,您可以依照下列步驟手動開始指南。
如果您有多個租用戶的存取權,請使用頂端功能表中的 [設定] 圖示,從 [目錄 + 訂用帳戶] 功能表切換至您的外部租用戶。
瀏覽至 首頁>租用戶概觀。
在 [入門] 索引標籤上,選取 [開始指南]。
您可以在外部租用戶中自訂客戶的登入和註冊體驗。 請遵循指南,以三個簡單的步驟協助您設定租用戶。 首先,您必須指定您希望客戶如何登入。 在此步驟中,您可以在兩個選項中選擇:電子郵件和密碼 或 電子郵件和一次性密碼。 您可以稍後設定社交帳戶,這可讓您的客戶使用其 Google 或 Facebook 帳戶登入。 您也可以定義自訂屬性,以在註冊期間向使用者收集。
如果您想要的話,您可以新增公司標誌、變更背景色彩或調整登入版面配置。 這些選擇性變更會套用至此租用戶中具有外部設定之所有應用程式的外觀和風格。 建立租用戶之後,即可使用其他品牌選項。 您可以 自訂預設商標 和 新增語言。 完成自訂之後,請選擇 [繼續]。
試用註冊體驗,並建立您的第一個使用者
本指南會使用您選取的選項來設定您的租用戶。 設定完成之後,按鈕會將其文字從 [設定...] 變更為 [立即執行]。
選取 [立即執行] 按鈕。 新的瀏覽器索引標籤將會開啟,其中包含您租用戶的登入頁面,可用來建立和登入使用者。
選取 [沒有帳戶? 建立帳戶] 以在租用戶中建立新的使用者。
新增新使用者的電子郵件地址,然後選取 [下一步]。 請勿使用您用來建立試用版的相同電子郵件。
完成畫面上的註冊步驟。 一般而言,一旦使用者登入,就會將其重新導向回您的應用程式。 不過,由於您尚未在此步驟中設定應用程式,因此會改為將您重新導向至 JWT.ms,您可以在其中檢視登入流程期間發出的權杖內容。
返回 [指南] 索引標籤。在這個階段,您可以結束指南並移至系統管理中心,以探索租用戶的完整設定選項。 或者,您可以 繼續 並設定範例應用程式。 建議您設定範例應用程式,以便用它來測試您所做的任何進一步設定變更
設定範例應用程式
入門指南會自動設定下列應用程式類型和語言的範例應用程式:
- 單一頁面應用程式 (SPA):JavaScript、React、Angular
- Web 應用程式:Node.js (Express),ASP.NET Core
- 桌面應用程式:.NET (MAUI)
- 行動裝置應用程式:.NET (MAUI)
遵循下列步驟,以下載及執行範例應用程式。
選取應用程式類型以繼續設定範例應用程式。
選取您的語言並 下載您電腦上的範例應用程式。
請遵循指示安裝和執行應用程式。 登入範例應用程式。
您已完成建立試用租用戶、設定登入體驗、建立第一個使用者,以及設定範例應用程式的流程。 選取 [繼續] 以移至摘要頁面,您可以在其中移至系統管理中心,或重新開始指南以選擇不同的選項。
注意
下次返回租用戶時,系統可能會提示您設定額外的驗證因素,以增加租用戶系統管理員帳戶的安全性。
探索 Microsoft Entra 外部 ID
在 入門指南功能 上的詳細文章中探索入門指南所設定的功能。 您一律可以回到 系統管理中心 以自訂您的租用戶,並嘗試租用戶的完整設定選項。 如需最新的開發人員內容和資源,請參閱 外部 ID 開發人員中心。