在针对 Azure AD B2C 进行身份验证后从 JavaScript 访问 Web API

Question

我正在开发一个 .Net Web 应用程序，在通过 Azure AD Connect 协议对 Azure AD B2C 进行身份验证后，我的应用程序中的控制器通过 MSAL 库（C# 代码）获取访问令牌以访问支持的 Web API。这一切都很好。 现在，我需要从同一个 Web 应用程序使用 JavaScript 来访问同一个支持的 Web API。我的问题是如何利用通过我的服务器端 C# 代码获得的访问令牌来让我的客户端 JavaScript 访问 Web API 而不会被提示登录。

我使用 GitHub 上的示例代码来帮助我入门。 下面是我的 JavaScript 代码。当我运行它时，我收到以下错误"user_login_error:User login is required"

if (!clientApplication) {
    clientApplication = new Msal.UserAgentApplication(window.config.clientID, window.config.authority, authCallback);
    clientApplication.redirectUri = window.config.redirectUri;
}

function ReloadInfo(type, language, location) {
    clientApplication.acquireTokenSilent(window.config.b2cScopes).then(function (accessToken) {
        ReadResource(accessToken, type, language, location);
    }, function (error) {
        clientApplication.acquireTokenPopup(window.config.b2cScopes).then(function (accessToken) {
            ReadResource(accessToken, type, language, location);
        }, function (error) {
            debugger
            logMessage("Error acquiring the access token to call the Web api:\n" + error);
        });
    })
}

谢谢！

Answer 1

这种场景的一个简单解决方案是，您可以创建一个相应的控制器来调用 Web API。

在 JavaScript 中，您可以直接调用 Web 应用程序而不是 Web API。由于您已登录，因此 JavaScript 可以成功调用控制器。而且在这个场景中，没有必要为 JavaScript 使用 MSAL 库。

更新

<script src="https://code.jquery.com/jquery-3.2.1.js"
              integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE="
              crossorigin="anonymous"></script>
<script>
    $(document).ready(function () {
        $("#Location").change(function () {
            $.ajax({
                url: "data.html",//modify the path HTTP request you wanted
            }).done(function (data) {
                console.log(data);// handle the result data here
            });
        });
    })


</script>

您可以参考here 了解完整的 jQuery 文档。