%3CLINGO-SUB%20id%3D%22lingo-sub-1315024%22%20slang%3D%22en-US%22%3EHow%20to%20use%20embedded%20web%20UI%20of%20MSAL.NET%20on%20WPF%20on%20.NET%20Core%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1315024%22%20slang%3D%22en-US%22%3E%3CP%3EAzure%20AD%20B2C%20is%20a%20powerful%20service%20for%20providing%20business-to-customer%20identity.%3C%2FP%3E%0A%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fazure%2Factive-directory-b2c%2Foverview%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fazure%2Factive-directory-b2c%2Foverview%3C%2FA%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EOf%20cause%2C%20you%20can%20also%20use%20Azure%20AD%20B2C%20sign%20feature%20on%20WPF%20on%20.NET%20Core.%20However%2C%20at%20now(April%2017%2C%202020)%2C%20there%20are%20few%20limitations%3A%3C%2FP%3E%0A%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2FAzureAD%2Fmicrosoft-authentication-library-for-dotnet%2Fwiki%2FSystem-Browser-on-.Net-Core%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fgithub.com%2FAzureAD%2Fmicrosoft-authentication-library-for-dotnet%2Fwiki%2FSystem-Browser-on-.Net-Core%3C%2FA%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3COL%3E%0A%3CLI%3EYou%20can't%20use%20embedded%20web%20browser%20UI.(Have%20to%20use%20System%20browsers%20as%20default)%3C%2FLI%3E%0A%3CLI%3EYou%20can't%20use%20'http%3A%2F%2Flocalhost'(No%20port)%20redirect%20URL.(The%20feature%20will%20be%20released%20soon%3A%20%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2FAzureAD%2Fmicrosoft-authentication-library-for-dotnet%2Fissues%2F1213%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fgithub.com%2FAzureAD%2Fmicrosoft-authentication-library-for-dotnet%2Fissues%2F1213%3C%2FA%3E)%3C%2FLI%3E%0A%3C%2FOL%3E%0A%3CP%3EIn%20this%20article%2C%20I%20will%20try%20implements%20custom%20web%20ui%20for%20embedded%20web%20browser%20UI%20for%20WPF%20on%20.NET%20Core.%3C%2FP%3E%0A%3CH3%20id%3D%22toc-hId-1139880401%22%20id%3D%22toc-hId-1139880401%22%20id%3D%22toc-hId-1139880401%22%3EHow%20to%20impl%3F%3C%2FH3%3E%0A%3CP%3EThat's%20really%20simple!%20%3CBR%20%2F%3EJust%20implements%20Microsoft.Identity.Client.Extensibility.ICustomWebUi%20interface.%20There%20is%20a%20single%20method%3A%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CPRE%20class%3D%22lia-code-sample%20language-csharp%22%3E%3CCODE%3ETask%3CURI%3E%20AcquireAuthorizationCodeAsync(Uri%20authorizationUri%2C%20Uri%20redirectUri%2C%20CancellationToken%20cancellationToken)%3C%2FURI%3E%3C%2FCODE%3E%3C%2FPRE%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EThe%20return%20value%20is%20an%20URI%20that%20has%20code%3DCODE%20parameters.%3C%2FP%3E%0A%3CP%3EIf%20there%20are%20something%20wrong%20during%20authentication%20flow%2C%20then%20throws%20MsalExtensionException.%3C%2FP%3E%0A%3CH4%20id%3D%22toc-hId-1830441875%22%20id%3D%22toc-hId-1830441875%22%20id%3D%22toc-hId-1830441875%22%3EImpl%20a%20Browser%20Window%20and%20the%20interface%3C%2FH4%3E%0A%3CP%3ETo%20show%20a%20custom%20web%20UI%2C%20create%20a%20window%20that%20has%20a%20WebBrowser%20control.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CPRE%20class%3D%22lia-code-sample%20language-markup%22%3E%3CCODE%3E%3CWINDOW%20class%3D%22EmbeddedMsalCustomWebUi.Wpf.Internal.EmbeddedWebUiWindow%22%20xmlns%3D%22http%3A%2F%2Fschemas.microsoft.com%2Fwinfx%2F2006%2Fxaml%2Fpresentation%22%20x%3D%22http%3A%2F%2Fschemas.microsoft.com%2Fwinfx%2F2006%2Fxaml%22%20d%3D%22http%3A%2F%2Fschemas.microsoft.com%2Fexpression%2Fblend%2F2008%22%20mc%3D%22http%3A%2F%2Fschemas.openxmlformats.org%2Fmarkup-compatibility%2F2006%22%20local%3D%22clr-namespace%3AEmbeddedMsalCustomWebUi.Wpf.Internal%22%20ignorable%3D%22d%22%20windowstyle%3D%22ToolWindow%22%20loaded%3D%22Window_Loaded%22%20closed%3D%22Window_Closed%22%20title%3D%22EmbeddedWebUiWindow%22%20height%3D%22450%22%20width%3D%22800%22%3E%0A%20%20%20%20%3CGRID%3E%0A%20%20%20%20%20%20%20%20%3CWEBBROWSER%20name%3D%22webBrowser%22%20navigating%3D%22WebBrowser_Navigating%22%3E%3C%2FWEBBROWSER%3E%0A%20%20%20%20%3C%2FGRID%3E%0A%3C%2FWINDOW%3E%3C%2FCODE%3E%3C%2FPRE%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EAnd%20then%2C%20implements%20the%20code%20behind.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CPRE%20class%3D%22lia-code-sample%20language-csharp%22%3E%3CCODE%3Eusing%20Microsoft.Identity.Client.Extensibility%3B%0Ausing%20System%3B%0Ausing%20System.Linq%3B%0Ausing%20System.Threading%3B%0Ausing%20System.Threading.Tasks%3B%0Ausing%20System.Web%3B%0Ausing%20System.Windows%3B%0Ausing%20System.Windows.Navigation%3B%0A%0Anamespace%20EmbeddedMsalCustomWebUi.Wpf.Internal%0A%7B%0A%20%20%20%20public%20partial%20class%20EmbeddedWebUiWindow%20%3A%20Window%0A%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20private%20readonly%20Uri%20_authorizationUri%3B%0A%20%20%20%20%20%20%20%20private%20readonly%20Uri%20_redirectUri%3B%0A%20%20%20%20%20%20%20%20private%20readonly%20TaskCompletionSource%3CURI%3E%20_taskCompletionSource%3B%0A%20%20%20%20%20%20%20%20private%20readonly%20CancellationToken%20_cancellationToken%3B%0A%20%20%20%20%20%20%20%20private%20CancellationTokenRegistration%20_token%3B%0A%0A%20%20%20%20%20%20%20%20public%20EmbeddedWebUiWindow(%0A%20%20%20%20%20%20%20%20%20%20%20%20Uri%20authorizationUri%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20Uri%20redirectUri%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20TaskCompletionSource%3CURI%3E%20taskCompletionSource%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20CancellationToken%20cancellationToken)%0A%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20InitializeComponent()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20_authorizationUri%20%3D%20authorizationUri%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20_redirectUri%20%3D%20redirectUri%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20_taskCompletionSource%20%3D%20taskCompletionSource%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20_cancellationToken%20%3D%20cancellationToken%3B%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20private%20void%20WebBrowser_Navigating(object%20sender%2C%20NavigatingCancelEventArgs%20e)%0A%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20if%20(!e.Uri.ToString().StartsWith(_redirectUri.ToString()))%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20not%20redirect%20uri%20case%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20parse%20query%20string%0A%20%20%20%20%20%20%20%20%20%20%20%20var%20query%20%3D%20HttpUtility.ParseQueryString(e.Uri.Query)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20if%20(query.AllKeys.Any(x%20%3D%26gt%3B%20x%20%3D%3D%20%22code%22))%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20It%20has%20a%20code%20parameter.%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20_taskCompletionSource.SetResult(e.Uri)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20else%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20error.%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20_taskCompletionSource.SetException(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20new%20MsalExtensionException(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%24%22An%20error%20occurred%2C%20error%3A%20%7Bquery.Get(%22error%22)%7D%2C%20error_description%3A%20%7Bquery.Get(%22error_description%22)%7D%22))%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20Close()%3B%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20private%20void%20Window_Loaded(object%20sender%2C%20RoutedEventArgs%20e)%0A%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20_token%20%3D%20_cancellationToken.Register(()%20%3D%26gt%3B%20_taskCompletionSource.SetCanceled())%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20navigating%20to%20an%20uri%20that%20is%20entry%20point%20to%20authorization%20flow.%0A%20%20%20%20%20%20%20%20%20%20%20%20webBrowser.Navigate(_authorizationUri)%3B%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20private%20void%20Window_Closed(object%20sender%2C%20EventArgs%20e)%0A%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20_taskCompletionSource.TrySetCanceled()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20_token.Dispose()%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%7D%0A%3C%2FURI%3E%3C%2FURI%3E%3C%2FCODE%3E%3C%2FPRE%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EImplements%20AcquireAuthorizationCodeAsync%20method%20using%20the%20above%20window.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CPRE%20class%3D%22lia-code-sample%20language-csharp%22%3E%3CCODE%3Eusing%20EmbeddedMsalCustomWebUi.Wpf.Internal%3B%0Ausing%20Microsoft.Identity.Client.Extensibility%3B%0Ausing%20System%3B%0Ausing%20System.Threading%3B%0Ausing%20System.Threading.Tasks%3B%0Ausing%20System.Windows%3B%0A%0Anamespace%20EmbeddedMsalCustomWebUi.Wpf%0A%7B%0A%20%20%20%20%2F%2F%2F%20%3CSUMMARY%3E%0A%20%20%20%20%2F%2F%2F%20Provides%20embedded%20web%20ui%20for%20WPF%20on%20.NET%20Core.%0A%20%20%20%20%2F%2F%2F%20The%20web%20ui%20is%20using%20WebBrowser%20control(Trident%20engine).%0A%20%20%20%20%2F%2F%2F%20%3C%2FSUMMARY%3E%0A%20%20%20%20public%20class%20EmbeddedBrowserWebUi%20%3A%20ICustomWebUi%0A%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20public%20const%20int%20DefaultWindowWidth%20%3D%20600%3B%0A%20%20%20%20%20%20%20%20public%20const%20int%20DefaultWindowHeight%20%3D%20800%3B%0A%0A%20%20%20%20%20%20%20%20private%20readonly%20Window%20_owner%3B%0A%20%20%20%20%20%20%20%20private%20readonly%20string%20_title%3B%0A%20%20%20%20%20%20%20%20private%20readonly%20int%20_windowWidth%3B%0A%20%20%20%20%20%20%20%20private%20readonly%20int%20_windowHeight%3B%0A%20%20%20%20%20%20%20%20private%20readonly%20WindowStartupLocation%20_windowStartupLocation%3B%0A%0A%20%20%20%20%20%20%20%20public%20EmbeddedBrowserWebUi(Window%20owner%2C%20%0A%20%20%20%20%20%20%20%20%20%20%20%20string%20title%20%3D%20%22Sign%20in%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20int%20windowWidth%20%3D%20DefaultWindowWidth%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20int%20windowHeight%20%3D%20DefaultWindowHeight%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20WindowStartupLocation%20windowStartupLocation%20%3D%20WindowStartupLocation.CenterOwner)%0A%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20_owner%20%3D%20owner%20%3F%3F%20throw%20new%20ArgumentNullException(nameof(owner))%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20_title%20%3D%20title%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20_windowWidth%20%3D%20windowWidth%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20_windowHeight%20%3D%20windowHeight%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20_windowStartupLocation%20%3D%20windowStartupLocation%3B%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20public%20Task%3CURI%3E%20AcquireAuthorizationCodeAsync(Uri%20authorizationUri%2C%20Uri%20redirectUri%2C%20CancellationToken%20cancellationToken)%0A%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20var%20tcs%20%3D%20new%20TaskCompletionSource%3CURI%3E()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20_owner.Dispatcher.Invoke(()%20%3D%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20new%20EmbeddedWebUiWindow(authorizationUri%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20redirectUri%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20tcs%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20cancellationToken)%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20Owner%20%3D%20_owner%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20Title%20%3D%20_title%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20Width%20%3D%20_windowWidth%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20Height%20%3D%20_windowHeight%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20WindowStartupLocation%20%3D%20_windowStartupLocation%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D.ShowDialog()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D)%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20return%20tcs.Task%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%7D%0A%3C%2FURI%3E%3C%2FURI%3E%3C%2FCODE%3E%3C%2FPRE%3E%0A%3CDIV%20class%3D%22lia-spoiler-container%22%3E%3CA%20class%3D%22lia-spoiler-link%22%20href%3D%22%23%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%20target%3D%22_blank%22%3ESpoiler%3C%2FA%3E%3CNOSCRIPT%3E%20(Highlight%20to%20read)%3C%2FNOSCRIPT%3E%3CDIV%20class%3D%22lia-spoiler-border%22%3E%3CDIV%20class%3D%22lia-spoiler-content%22%3EI%20decided%20using%20WPF%20WebBrowser%20control%20because%20it%20is%20easest%20way%20to%20use%20WebBrowser%20control%20on%20WPF.%20Other%20options%20are%20using%20old%20edge%20engine%20or%20new%20edge%20engine(the%20status%20is%20developer%20preview%20now).%3CBR%20%2F%3EIf%20you%20would%20like%20to%20use%20them%2C%20then%20please%20replace%20WebBrowser%20control%20to%20one%20you%20want.%3C%2FDIV%3E%3CNOSCRIPT%3E%3CDIV%20class%3D%22lia-spoiler-noscript-container%22%3E%3CDIV%20class%3D%22lia-spoiler-noscript-content%22%3EI%20decided%20using%20WPF%20WebBrowser%20control%20because%20it%20is%20easest%20way%20to%20use%20WebBrowser%20control%20on%20WPF.%20Other%20options%20are%20using%20old%20edge%20engine%20or%20new%20edge%20engine(the%20status%20is%20developer%20preview%20now).If%20you%20would%20like%20to%20use%20them%2C%20then%20please%20replace%20WebBrowser%20control%20to%20one%20you%20want.%3C%2FDIV%3E%3C%2FDIV%3E%3C%2FNOSCRIPT%3E%3C%2FDIV%3E%3C%2FDIV%3E%0A%3CH3%20id%3D%22toc-hId-1819938771%22%20id%3D%22toc-hId-1819938771%22%20id%3D%22toc-hId-1819938771%22%3ETest%3C%2FH3%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3ECreate%20an%20app%20for%20WPF%20client%20on%20Azure%20AD%20B2C%20tenant%20as%20public%20client%20app%20and%20check%20redirect%20URL.%3C%2FP%3E%0A%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22KazukiOta_1-1587107372027.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F184932i903D52D75F9CAC2A%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20title%3D%22KazukiOta_1-1587107372027.png%22%20alt%3D%22KazukiOta_1-1587107372027.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EAnd%20create%20an%20another%20app%20on%20B2C%20tenant%2C%20and%20export%20an%20API%20from%20the%20app%2C%20then%20add%20the%20permission%20from%20the%20client%20app.%3C%2FP%3E%0A%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22KazukiOta_2-1587107525419.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F184933iA115224C276B2C2A%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20title%3D%22KazukiOta_2-1587107525419.png%22%20alt%3D%22KazukiOta_2-1587107525419.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3EAnd%20If%20you%20haven't%20created%20sign%20in%20user%20flow%20on%20the%20tenant%2C%20then%20create%20it.%3C%2FP%3E%0A%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22KazukiOta_3-1587107952035.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F184934iAC7E31A0AB81B8E6%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20title%3D%22KazukiOta_3-1587107952035.png%22%20alt%3D%22KazukiOta_3-1587107952035.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3ECollect%20following%20items%20to%20use%20WPF%20app%3A%3C%2FP%3E%0A%3CUL%3E%0A%3CLI%3EApplication%20ID(Client%20ID)%20(GUID)%3C%2FLI%3E%0A%3CLI%3ETenant%20ID%20(GUID)%3C%2FLI%3E%0A%3CLI%3ERedirect%20URI%3A%20it%20is%20on%20the%20Authentication%20page%20on%20the%20B2C%20portal.%3C%2FLI%3E%0A%3CLI%3EAzure%20AD%20B2C%20Authority%3A%20%3CA%20href%3D%22https%3A%2F%2F%7Btenant%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2F%7Btenant%3C%2FA%3E%26nbsp%3Bname%7D.b2clogin.com%2Ftfp%2F%7Btenant%20name%7D.onmicrosoft.com%2F%7Buser%20flow%20name%7D.%3C%2FLI%3E%0A%3CLI%3EScope%3A%20It%20is%20an%20URL%20(%3CA%20href%3D%22https%3A%2F%2Fwpfnetcore.onmicrosoft.com%2Fdd24b95f-0a1a-40af-ab70-a3a5a87a7bd5%2Fread%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2F%7Btenant%20name%7D.onmicrosoft.com%2F%7Bguid%7D%2F%7Bname%3C%2FA%3E%7D)%20that%20is%20able%20to%20get%20at%20API%20permissions%20page%20of%20another%20app.%3C%2FLI%3E%0A%3C%2FUL%3E%0A%3CP%3EAnd%20then%20create%20a%20WPF%20App(.NET%20Core)%20project%2C%20and%20create%20an%20IPublicClientApplication%20instance%20on%20Startup%20event%20of%20App%20class.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CPRE%20class%3D%22lia-code-sample%20language-csharp%22%3E%3CCODE%3EPublicClientApplication%20%3D%20PublicClientApplicationBuilder.Create(%22%7Byour%20client%20id%7D%22)%0A%20%20%20%20.WithRedirectUri(%22%7Byour%20redirect%20uri%7D%22)%0A%20%20%20%20.WithTenantId(%22your%20tenant%20id%22)%0A%20%20%20%20.WithB2CAuthority(%22%7Byour%20azure%20ad%20b2c%20authority%7D%22)%0A%20%20%20%20.Build()%3B%0A%3C%2FCODE%3E%3C%2FPRE%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EThe%20last%20step!%20Use%20EmbeddedBrowserWebUi%20class%20that%20implemented%20on%20this%20article%20with%20AcquireTokenInteractive%20method.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CPRE%20class%3D%22lia-code-sample%20language-csharp%22%3E%3CCODE%3E%20var%20r%20%3D%20await%20PublicClientApplication%0A%20%20%20%20%20.AcquireTokenInteractive(new%5B%5D%20%7B%20%22%7Byour%20scope%7D%22%20%7D)%0A%20%20%20%20%20.WithCustomWebUi(new%20EmbeddedBrowserWebUi(this))%20%2F%2F%20here%0A%20%20%20%20%20.ExecuteAsync()%3B%0A%3C%2FCODE%3E%3C%2FPRE%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EIt%20works%20as%20below%3A%3C%2FP%3E%0A%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22signinflow.gif%22%20style%3D%22width%3A%20784px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F184936iE557CE3C8DE2DBCD%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20title%3D%22signinflow.gif%22%20alt%3D%22signinflow.gif%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CH4%20id%3D%22toc-hId--1784467051%22%20id%3D%22toc-hId--1784467051%22%20id%3D%22toc-hId--1784467051%22%3ECompleted%20source%20code%3C%2FH4%3E%0A%3CP%3EThe%20custom%20web%20ui%20and%20test%20app%20codes%20are%20on%20following%20github%20repo%3A%3C%2FP%3E%0A%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2Frunceel%2FEmbeddedMsalCustomWebUi.Wpf%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fgithub.com%2Frunceel%2FEmbeddedMsalCustomWebUi.Wpf%3C%2FA%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EIf%20you%20would%20like%20to%20try%20EmbeddedCustomWebUi%20class%20on%20your%20code%2C%20then%20you%20can%20get%20it%20from%20NuGet%3A%3C%2FP%3E%0A%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fwww.nuget.org%2Fpackages%2FEmbeddedMsalCustomWebUi.Wpf%2F%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fwww.nuget.org%2Fpackages%2FEmbeddedMsalCustomWebUi.Wpf%2F%3C%2FA%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CPRE%3E%3CFONT%20color%3D%22%23FF0000%22%3E%3CSTRONG%3EImportant%3A%3C%2FSTRONG%3E%3C%2FFONT%3E%3CBR%20%2F%3E%3CFONT%20color%3D%22%23FF0000%22%3EThis%20is%20a%20just%20sample%20code.%20It%20is%20not%20tested%20for%20production.%3C%2FFONT%3E%3C%2FPRE%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1337544%22%20slang%3D%22en-US%22%3ERe%3A%20How%20to%20use%20embedded%20web%20UI%20of%20MSAL.NET%20on%20WPF%20on%20.NET%20Core%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1337544%22%20slang%3D%22en-US%22%3E%3CP%3EVery%20nice%20article%2C%20this%20is%20so%20much%20better%20than%20opening%20the%20browser%20in%20terms%20of%20user%20experience.%20I%20use%20it%20with%20normal%20Azure%20AD%20and%20it%20works%20just%20as%20well.%3C%2FP%3E%3C%2FLINGO-BODY%3E
Microsoft

Azure AD B2C is a powerful service for providing business-to-customer identity.

https://docs.microsoft.com/en-us/azure/active-directory-b2c/overview

 

Of cause, you can also use Azure AD B2C sign feature on WPF on .NET Core. However, at now(April 17, 2020), there are few limitations:

https://github.com/AzureAD/microsoft-authentication-library-for-dotnet/wiki/System-Browser-on-.Net-C...

 

  1. You can't use embedded web browser UI.(Have to use System browsers as default)
  2. You can't use 'http://localhost'(No port) redirect URL.(The feature will be released soon: https://github.com/AzureAD/microsoft-authentication-library-for-dotnet/issues/1213)

In this article, I will try implements custom web ui for embedded web browser UI for WPF on .NET Core.

How to impl?

That's really simple!
Just implements Microsoft.Identity.Client.Extensibility.ICustomWebUi interface. There is a single method:

 

Task<Uri> AcquireAuthorizationCodeAsync(Uri authorizationUri, Uri redirectUri, CancellationToken cancellationToken)

 

The return value is an URI that has code=CODE parameters.

If there are something wrong during authentication flow, then throws MsalExtensionException.

Impl a Browser Window and the interface

To show a custom web UI, create a window that has a WebBrowser control.

 

<Window x:Class="EmbeddedMsalCustomWebUi.Wpf.Internal.EmbeddedWebUiWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:EmbeddedMsalCustomWebUi.Wpf.Internal"
        mc:Ignorable="d"
        WindowStyle="ToolWindow"
        Loaded="Window_Loaded"
        Closed="Window_Closed"
        Title="EmbeddedWebUiWindow" Height="450" Width="800">
    <Grid>
        <WebBrowser x:Name="webBrowser"
                    Navigating="WebBrowser_Navigating" />
    </Grid>
</Window>

 

And then, implements the code behind.

 

using Microsoft.Identity.Client.Extensibility;
using System;
using System.Linq;
using System.Threading;
using System.Threading.Tasks;
using System.Web;
using System.Windows;
using System.Windows.Navigation;

namespace EmbeddedMsalCustomWebUi.Wpf.Internal
{
    public partial class EmbeddedWebUiWindow : Window
    {
        private readonly Uri _authorizationUri;
        private readonly Uri _redirectUri;
        private readonly TaskCompletionSource<Uri> _taskCompletionSource;
        private readonly CancellationToken _cancellationToken;
        private CancellationTokenRegistration _token;

        public EmbeddedWebUiWindow(
            Uri authorizationUri,
            Uri redirectUri,
            TaskCompletionSource<Uri> taskCompletionSource,
            CancellationToken cancellationToken)
        {
            InitializeComponent();
            _authorizationUri = authorizationUri;
            _redirectUri = redirectUri;
            _taskCompletionSource = taskCompletionSource;
            _cancellationToken = cancellationToken;
        }

        private void WebBrowser_Navigating(object sender, NavigatingCancelEventArgs e)
        {
            if (!e.Uri.ToString().StartsWith(_redirectUri.ToString()))
            {
                // not redirect uri case
                return;
            }

            // parse query string
            var query = HttpUtility.ParseQueryString(e.Uri.Query);
            if (query.AllKeys.Any(x => x == "code"))
            {
                // It has a code parameter.
                _taskCompletionSource.SetResult(e.Uri);
            }
            else
            {
                // error.
                _taskCompletionSource.SetException(
                    new MsalExtensionException(
                        $"An error occurred, error: {query.Get("error")}, error_description: {query.Get("error_description")}"));
            }

            Close();
        }

        private void Window_Loaded(object sender, RoutedEventArgs e)
        {
            _token = _cancellationToken.Register(() => _taskCompletionSource.SetCanceled());
            // navigating to an uri that is entry point to authorization flow.
            webBrowser.Navigate(_authorizationUri);
        }

        private void Window_Closed(object sender, EventArgs e)
        {
            _taskCompletionSource.TrySetCanceled();
            _token.Dispose();
        }
    }
}

 

Implements AcquireAuthorizationCodeAsync method using the above window.

 

using EmbeddedMsalCustomWebUi.Wpf.Internal;
using Microsoft.Identity.Client.Extensibility;
using System;
using System.Threading;
using System.Threading.Tasks;
using System.Windows;

namespace EmbeddedMsalCustomWebUi.Wpf
{
    /// <summary>
    /// Provides embedded web ui for WPF on .NET Core.
    /// The web ui is using WebBrowser control(Trident engine).
    /// </summary>
    public class EmbeddedBrowserWebUi : ICustomWebUi
    {
        public const int DefaultWindowWidth = 600;
        public const int DefaultWindowHeight = 800;

        private readonly Window _owner;
        private readonly string _title;
        private readonly int _windowWidth;
        private readonly int _windowHeight;
        private readonly WindowStartupLocation _windowStartupLocation;

        public EmbeddedBrowserWebUi(Window owner, 
            string title = "Sign in",
            int windowWidth = DefaultWindowWidth,
            int windowHeight = DefaultWindowHeight,
            WindowStartupLocation windowStartupLocation = WindowStartupLocation.CenterOwner)
        {
            _owner = owner ?? throw new ArgumentNullException(nameof(owner));
            _title = title;
            _windowWidth = windowWidth;
            _windowHeight = windowHeight;
            _windowStartupLocation = windowStartupLocation;
        }

        public Task<Uri> AcquireAuthorizationCodeAsync(Uri authorizationUri, Uri redirectUri, CancellationToken cancellationToken)
        {
            var tcs = new TaskCompletionSource<Uri>();
            _owner.Dispatcher.Invoke(() =>
            {
                new EmbeddedWebUiWindow(authorizationUri,
                    redirectUri,
                    tcs,
                    cancellationToken)
                {
                    Owner = _owner,
                    Title = _title,
                    Width = _windowWidth,
                    Height = _windowHeight,
                    WindowStartupLocation = _windowStartupLocation,
                }.ShowDialog();
            });

            return tcs.Task;
        }
    }
}
Spoiler
I decided using WPF WebBrowser control because it is easest way to use WebBrowser control on WPF. Other options are using old edge engine or new edge engine(the status is developer preview now).
If you would like to use them, then please replace WebBrowser control to one you want.

Test

 

Create an app for WPF client on Azure AD B2C tenant as public client app and check redirect URL.

KazukiOta_1-1587107372027.png

 

And create an another app on B2C tenant, and export an API from the app, then add the permission from the client app.

KazukiOta_2-1587107525419.png

And If you haven't created sign in user flow on the tenant, then create it.

KazukiOta_3-1587107952035.png

Collect following items to use WPF app:

  • Application ID(Client ID) (GUID)
  • Tenant ID (GUID)
  • Redirect URI: it is on the Authentication page on the B2C portal.
  • Azure AD B2C Authority: https://{tenant name}.b2clogin.com/tfp/{tenant name}.onmicrosoft.com/{user flow name}.
  • Scope: It is an URL (https://{tenant name}.onmicrosoft.com/{guid}/{name}) that is able to get at API permissions page of another app.

And then create a WPF App(.NET Core) project, and create an IPublicClientApplication instance on Startup event of App class.

 

PublicClientApplication = PublicClientApplicationBuilder.Create("{your client id}")
    .WithRedirectUri("{your redirect uri}")
    .WithTenantId("your tenant id")
    .WithB2CAuthority("{your azure ad b2c authority}")
    .Build();

 

The last step! Use EmbeddedBrowserWebUi class that implemented on this article with AcquireTokenInteractive method.

 

 var r = await PublicClientApplication
     .AcquireTokenInteractive(new[] { "{your scope}" })
     .WithCustomWebUi(new EmbeddedBrowserWebUi(this)) // here
     .ExecuteAsync();

 

It works as below:

signinflow.gif

 

Completed source code

The custom web ui and test app codes are on following github repo:

https://github.com/runceel/EmbeddedMsalCustomWebUi.Wpf

 

If you would like to try EmbeddedCustomWebUi class on your code, then you can get it from NuGet:

https://www.nuget.org/packages/EmbeddedMsalCustomWebUi.Wpf/

 

Important:
This is a just sample code. It is not tested for production.

 

1 Comment
Occasional Visitor

Very nice article, this is so much better than opening the browser in terms of user experience. I use it with normal Azure AD and it works just as well.