单页应用程序:代码配置

了解如何为单页应用程序 (SPA) 配置代码。

支持单页应用的 Microsoft 库

以下 Microsoft 库支持单页应用:

语言/框架 项目
GitHub
获取
started
用户登录 访问 Web API 正式发布 (GA) 或
公共预览版1
Angular MSAL Angular v22 msal-angular 快速入门 库可以为用户登录请求 ID令牌。 库可以为受保护的 Web API 请求访问令牌。 GA
Angular MSAL Angular3 msal-angular 库可以为用户登录请求 ID令牌。 库可以为受保护的 Web API 请求访问令牌。 GA
AngularJS MSAL AngularJS3 msal-angularjs 库可以为用户登录请求 ID令牌。 库可以为受保护的 Web API 请求访问令牌。 公共预览版
JavaScript MSAL.js v22 msal-browser 教程 库可以为用户登录请求 ID令牌。 库可以为受保护的 Web API 请求访问令牌。 GA
JavaScript MSAL.js 1.03 msal-core 库可以为用户登录请求 ID令牌。 库可以为受保护的 Web API 请求访问令牌。 GA
React MSAL React2 msal-react 快速入门 库可以为用户登录请求 ID令牌。 库可以为受保护的 Web API 请求访问令牌。 GA

1 联机服务通用许可条款适用于公共预览版中的库

2 仅使用 PKCE 的身份验证代码流(建议)。

3隐式授权流(不建议)。

应用程序代码配置

在 MSAL 库中,应用程序注册信息在库初始化期间作为配置传递。

import * as Msal from "@azure/msal-browser"; // if using CDN, 'Msal' will be available in global scope

// Configuration object constructed.
const config = {
    auth: {
        clientId: 'your_client_id'
    }
};

// create PublicClientApplication instance
const publicClientApplication = new Msal.PublicClientApplication(config);

有关可配置选项的更多信息,请参阅使用 MSAL.js 初始化应用程序

后续步骤

转到此方案中的下一篇文章:登录和注销