msal - 如何使用 MSAL 获取访问 token

Question

为了在我的 JavaScript 代码中使用 MSAL 获取访问 token ，我拼凑了大量教程和文档。这是我的研究结果。

Answer 1

1. npm 安装@azure/msal

2. 从@azure/msal 导入必要的类

       import {
         UserAgentApplication,
         AuthenticationParameters,
         Configuration,
       } from "@azure/msal";
   
   

3. 制作msal对象

     const config: Configuration = {
       auth: {
         clientId: <client id - your app's client id>,
         authority: `https://login.microsoftonline.com/<tenantid>`,
         redirectUri: <the redirect Uri>,
       },
     };
   
     const params: AuthenticationParameters = {
       authority: `https://login.microsoftonline.com/${Tenantid}`,
       scopes: [`${AppIDUri}/user_impersonation`],  <-- the API that you're trying to call
     };
   
     const myMSAL = new UserAgentApplication(config);
   

4. 获取访问 token

    try {
     const login = await myMSAL.acquireTokenSilent(params);
     return login.accessToken;
   } catch (error) {
     await myMSAL.loginPopup(params);
     const login = await myMSAL.acquireTokenSilent(params);
     return login.accessToken;
   }
   

引用资料:

https://learn.microsoft.com/en-us/azure/active-directory/develop/msal-acquire-cache-tokens

Azure/Msal authentication inside PowerApp Component Framework returns AADSTS50177 error