单页应用程序:代码配置

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

先决条件

支持单页应用的 Microsoft 库

以下 Microsoft 库支持单页应用:

语言/框架 项目
GitHub
获取
入门
用户登录 访问 Web API
React MSAL React2 msal-react 快速入门 库可以为用户登录请求 ID令牌。 库可以为受保护的 Web API 请求访问令牌。
Javascript MSAL.js2 msal-browser 快速入门 库可以为用户登录请求 ID令牌。 库可以为受保护的 Web API 请求访问令牌。
MSAL Angular2 msal-angular 快速入门 库可以为用户登录请求 ID令牌。 库可以为受保护的 Web API 请求访问令牌。

应用程序代码配置

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

import { PublicClientApplication } from "@azure/msal-browser";
import { MsalProvider } from "@azure/msal-react";

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

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

// Wrap your app component tree in the MsalProvider component
ReactDOM.render(
    <React.StrictMode>
        <MsalProvider instance={publicClientApplication}>
            <App />
        </ MsalProvider>
    </React.StrictMode>,
    document.getElementById('root')
);

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

后续步骤