如何在MVC Razor视图中检测用户是否关联社交登录提供商（如Facebook）

没问题！要实现这个需求，咱们不用在视图里硬啃UserManager的上下文问题，而是通过数据传递或者组件化的方式来处理，既符合MVC的职责分离原则，又简单好维护。下面是几种常用方案：

方案一：Controller传递状态到视图（最简单直接） #

核心思路是在后端Controller里完成判断，把结果放到ViewBag/ViewData里传给视图，视图只负责展示逻辑。

第一步：在Controller的Action里处理逻辑 #

public async Task<IActionResult> Profile()
{
    // 获取当前登录用户的ID
    var loggedInUserId = User.FindFirstValue(ClaimTypes.NameIdentifier);
    // 找到对应用户并获取其关联的登录方式
    var user = await _userManager.FindByIdAsync(loggedInUserId);
    var linkedLogins = await _userManager.GetLoginsAsync(user);
    // 判断是否关联了Facebook
    bool isFacebookLinked = linkedLogins.Any(login => login.LoginProvider == "Facebook");
    // 把结果放到ViewBag里
    ViewBag.IsFacebookLinked = isFacebookLinked;
    
    return View();
}

第二步：在Razor视图里读取状态并展示 #

@if ((bool)ViewBag.IsFacebookLinked)
{
    <div class="alert alert-success">您已关联Facebook账号 🎉</div>
}
else
{
    <div class="alert alert-info">
        您还未关联Facebook账号，<a href="/Account/LinkFacebook">点击这里关联</a>
    </div>
}

方案二：使用ViewComponent（适合多处复用） #

如果这个判断逻辑需要在多个视图里使用，用ViewComponent会更优雅，它是MVC里专门用来封装可复用UI组件的特性。

第一步：创建ViewComponent类 #

public class FacebookLinkStatusViewComponent : ViewComponent
{
    private readonly UserManager<IdentityUser> _userManager;

    // 通过构造函数注入UserManager
    public FacebookLinkStatusViewComponent(UserManager<IdentityUser> userManager)
    {
        _userManager = userManager;
    }

    public async Task<IViewComponentResult> InvokeAsync()
    {
        var userId = User.FindFirstValue(ClaimTypes.NameIdentifier);
        var user = await _userManager.FindByIdAsync(userId);
        var linkedLogins = await _userManager.GetLoginsAsync(user);
        bool isLinked = linkedLogins.Any(l => l.LoginProvider == "Facebook");
        
        // 返回对应的视图，并把状态传进去
        return View(isLinked);
    }
}

第二步：创建组件视图 #

在Views/Shared/Components/FacebookLinkStatus/目录下创建Default.cshtml：

@model bool

@if (Model)
{
    <span class="text-success fw-bold">已关联Facebook</span>
}
else
{
    <a href="/Account/LinkFacebook" class="btn btn-sm btn-outline-primary">关联Facebook</a>
}

第三步：在任意视图里调用组件 #

@await Component.InvokeAsync("FacebookLinkStatus")

方案三：自定义HtmlHelper扩展（灵活但需注意视图职责） #

如果想在视图里直接调用判断方法，可以扩展HtmlHelper，但要注意尽量不要让视图承担过多业务逻辑：

第一步：编写扩展方法 #

public static class HtmlHelperExtensions
{
    public static async Task<bool> IsFacebookLinkedAsync(this IHtmlHelper htmlHelper, UserManager<IdentityUser> userManager)
    {
        var userId = htmlHelper.ViewContext.HttpContext.User.FindFirstValue(ClaimTypes.NameIdentifier);
        var user = await userManager.FindByIdAsync(userId);
        var linkedLogins = await userManager.GetLoginsAsync(user);
        
        return linkedLogins.Any(l => l.LoginProvider == "Facebook");
    }
}

第二步：在视图里使用 #

// 先注入UserManager
@inject UserManager<IdentityUser> UserManager

@{
    var isLinked = await Html.IsFacebookLinkedAsync(UserManager);
}

@if (isLinked)
{
    <p>您的账号已和Facebook绑定</p>
}
else
{
    <p>点击<a href="/Account/LinkFacebook">这里</a>绑定Facebook账号</p>
}

小提醒 #

不建议直接在视图里实例化或调用UserManager的复杂逻辑，因为视图的核心职责是展示内容，把业务逻辑放到Controller或ViewComponent里，代码会更清晰、更易维护~

内容的提问来源于stack exchange，提问作者Captain_Planet