自定義 Azure AD B2C 使用者介面

Azure AD B2C 登入螢幕可以自定義以適應我們的品牌。請參閱自定義 UI

參考 https://github.com/NewtonJoshua/Azure-ADB2C-Angularjs-sample

在此示例中，我們有兩個自定義 UI 螢幕，

• AD B2C 登入 ansd 註冊頁面：adCustomPages / unified.html
• AD B2C 密碼重置頁面：adCustomPages / resetpassword.html

在 adCustomPages / unified.html 中，在第 442 行和第 445 行輸入你的 tenantName，password-reset-policy 和 clientId

應將頁面上載到 blob 中，並且應在 Azure AD B2C 策略中引用其 URL。

• *建立儲存帳戶，*如將示例內容上載到 Azure Blob 儲存中所述
• 上傳容器中的示例 AD 頁面並記下它們的 URL。
• 對於建立的 Blob 服務儲存帳戶，建立一個 CORS 規則，其中’*‘為 ALLOWED ORIGINS。在 ALLALLED METHODS 中選擇所有。輸入*表示允許的標題和暴露的標題。
• 自定義你的政策

現在，在你的應用程式中，你可以看到自定義 UI。