MSAL.js protectedResourceMap - 需要说明将其设置为什么

Question

我有 2 个站点，一个 angular 应用程序和一个 WebAPI。

当我从前端使用 MSAL.js 调用 WebAPI 时，没有附加令牌（因为 CORS）。

我知道我需要设置 protectedResourceMap 但我找不到关于如何设置它的明确解释。

我可以找到很多例子，但是 none 给出了一个（对我来说）有意义的解释。

任何人都可以提供任何意见吗？

Answer 1

我刚开始学习这个，但在 doco 中找到了这个信息：

MSAL.js Angular readme:

protectedResourceMap : Mapping of resources to scopes {"https://graph.microsoft.com/v1.0/me", ["user.read", "mail.send"]}. Used internally by the MSAL for automatically attaching tokens in webApi calls. This is required only for CORS calls.

我对给定示例的理解是：

export const protectedResourceMap:[string, string[]][]=[
    ['your api endpoint',['scope 1', 'scope 2', 'scope n']] // example
    ['https://buildtodoservice.azurewebsites.net/api/todolist',['api://a88bb933-319c-41b5-9f04-eff36d985612/access_as_user']], // api you host
    ['https://graph.microsoft.com/v1.0/me', ['user.read']] // ms graph api - uses short scope names with no uri prefix
];

因此在调用路径时 'your api endpoint' 包含与范围 'scope 1'、'scope 2'、'scope n'.

关联的标记

MSAL.js protectedResourceMap - 需要说明将其设置为什么

MSAL.js protectedResourceMap - explanation needed for what to set it to

angular

msal.js