使用Azure AD身份验证（B2C）显示Core MVC的头像

Question

我有一个与我们的Azure AD集成的ASP.NET Core MVC应用程序。 在为新的MVC项目创建的默认模板中，它显示了登录用户的名称，但是我也想显示化身（与用户关联的图像就像Azure在登录门户时一样）。

能做到吗？

Answer 1

您可以使用Microsoft Graph API获取当前用户的照片：

GET https://graph.microsoft.com/v1.0/me/photo/$value

参考： https : //docs.microsoft.com/zh-cn/graph/api/profilephoto-get?view=graph-rest-1.0

要使用Microsoft Graph API，您需要使用MSAL在MVC应用程序中获取访问令牌：

private async Task OnAuthorizationCodeReceived(AuthorizationCodeReceivedContext context)
{
    var clientCredential = new ClientCredential(context.Options.ClientSecret);
    var userId = context.Principal.FindFirst(ClaimTypes.NameIdentifier).Value;
    var tokenCache = new SessionTokenCache(context.HttpContext, userId);

    var confidentialClientApplication = new ConfidentialClientApplication(
        context.Options.ClientId,
        context.Options.Authority,
        _options.RedirectUri,
        clientCredential,
        tokenCache.GetInstance(),
        null);

    try
    {
        var authenticationResult = await confidentialClientApplication.AcquireTokenByAuthorizationCodeAsync(context.ProtocolMessage.Code, _options.ApiScopes.Split(' '));
        context.HandleCodeRedemption(authenticationResult.AccessToken, authenticationResult.IdToken);
    }
    catch (Exception ex)
    {
        // TODO: Handle
        throw;
    }
}

请参考代码示例：

https://github.com/chrispadgettlivecom/WebApp-OpenIDConnect-DotNetCore21/tree/master/WebApp-OpenIDConnect-DotNetCore21

或使用Microsoft Graph Client Library for .NET（SDK）

https://github.com/microsoftgraph/aspnetcore-connect-sample