如何使用 passport-azure-ad (/w vue-msal) 保护 Web API

Question

我想用 passport-azure-ad 保护 Web API 并使用 bearerStrategy。我按照模块提供的示例并传递元数据和 clientId，我总是得到 401 未授权。

这是我的 passport-azure-ad

配置

{

  identityMetadata: 'https://login.microsoftonline.com/<your_tenant_guid>/v2.0/.well-known/openid-configuration'
  
  // Required
  clientID: '<client ID>',

  // Required.
  // If you are using the common endpoint, you should either set `validateIssuer` to false, or provide a value for `issuer`.
  validateIssuer: false,

  // Required. 
  // Set to true if you use `function(req, token, done)` as the verify callback.
  // Set to false if you use `function(req, token)` as the verify callback.
  passReqToCallback: false,

  // Optional. Default value is false.
  // Set to true if you accept access_token whose `aud` claim contains multiple values.
  allowMultiAudiencesInToken: false,

  loggingLevel:'error',
};
}

我使用 vue-msal 生成的访问令牌提供了授权请求 header。
我还检查了访问令牌的签名也无效。

另外，我改用了ID token，但还是401 unauthorized。

在门户/AAD/App 注册中，我启用了隐式授权流程、accessTokenAcceptedVersion: 2、在 API 权限

中为我的订阅授予管理员同意

我还错过了什么？

Answer 1

在您的情况下，您可以遵循此 Use passport.authenticate to protect resources or APIs，并确保在使用 vue-msal 获取令牌时使用正确的范围。

server.get('/api/tasks', passport.authenticate('oauth-bearer', { session: false }), listTasks);

如何使用 passport-azure-ad (/w vue-msal) 保护 Web API

How to secure Web API with passport-azure-ad (/w vue-msal)

javascript

azure

azure-active-directory

passport-azure-ad