.NET MVC中MSAL弹窗登录：弹窗不关闭、回调未执行问题

核心原因：你的重定向页面SocialSignUpPage未加载MSAL脚本并完成登录回调的收尾处理。MSAL的loginPopup流程要求，登录成功跳转后的页面必须初始化MSAL实例并调用回调方法，才能将登录结果传递回父页面并自动关闭弹窗。

具体解决步骤 #

1. 给SocialSignUpPage视图添加MSAL回调处理代码 #

修改你的空白视图，添加MSAL脚本和回调逻辑，确保弹窗能完成流程并关闭：

@{
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <title>Processing...</title>
    <!-- 加载与父页面版本一致的MSAL脚本 -->
    <script type="text/javascript" src="https://alcdn.msauth.net/browser/2.32.2/js/msal-browser.min.js"></script>
</head>
<body>
    <script type="text/javascript">
        // 使用与父页面完全一致的MSAL配置
        const msalConfig = {
            auth: {
                clientId: "你的Azure AD客户端ID",
                authority: "你的租户ID/机构URL",
                redirectUri: "@HttpUtility.UrlDecode(Url.Action("SocialSignUpPage", "Account"))"
            }
        };

        const myMSALObj = new msal.PublicClientApplication(msalConfig);

        // 处理重定向回调，完成后自动关闭弹窗
        myMSALObj.handleRedirectPromise()
            .then((response) => {
                // MSAL会自动将结果传回父页面，直接关闭弹窗即可
                window.close();
            })
            .catch((error) => {
                console.error("回调处理失败:", error);
                window.close();
            });
    </script>
</body>
</html>

注意：msalConfig必须和父页面的配置完全匹配，包括clientId、authority和redirectUri。

2. 检查Azure AD应用注册的重定向URI #

确保https://localhost:44340/Account/SocialSignUpPage已添加到Azure AD应用的重定向URI列表中，类型根据你的应用场景选择「单页应用(SPA)」或「公共客户端/native(移动&桌面)」。

3. 优化父页面的MSAL实例创建逻辑 #

避免每次点击都新建MSAL实例，建议页面初始化时创建一次并复用：

// 页面全局初始化MSAL实例
const msalConfig = {
    auth: {
        clientId: "你的Azure AD客户端ID",
        authority: "你的租户ID/机构URL",
        redirectUri: "" // 点击时再动态设置
    }
};
const myMSALObj = new msal.PublicClientApplication(msalConfig);

$('.google.btn').click(function (e) {
    e.preventDefault();

    $.bta.showSpinner();
    sessionStorage.clear();
    var redirectUrl = '@HttpUtility.UrlDecode(HttpUtility.UrlDecode(Url.Action("SocialSignUpPage", "Account")))';

    // 仅修改实例的redirectUri，无需重新创建
    myMSALObj.auth.redirectUri = redirectUrl;

    myMSALObj.loginPopup(loginRequest)
        .then((response) => {
            console.log(response);
            handleAzureResponse(response);
            $.bta.hideSpinner();
        })
        .catch(error => {
            $.bta.hideSpinner();
            if (error.errorCode !== 'user_cancelled') {
                $.bta.showErrorDialog(error.errorMessage);
            }
        });
});

4. 排查浏览器环境问题 #

• 确保浏览器未拦截弹窗
• 确认父页面与弹窗域名一致（当前均为localhost:44340，无跨域问题）
• 检查浏览器是否允许脚本操作弹窗窗口

问题根源解释 #

调用loginPopup时，MSAL会打开弹窗跳转到Azure AD登录页，登录成功后跳转至你指定的redirectUri。此时该重定向页面必须触发MSAL的回调处理，才能将登录结果传递回父页面并关闭弹窗。若页面未加载MSAL或未处理回调，弹窗会一直停滞，父页面的then回调也无法执行；手动关闭弹窗后，父页面的MSAL实例会检测到窗口关闭，抛出window closed错误。

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