Angular 8 个,使用 Azure B2C 身份验证(使用 MSAL.js)
Angular 8 with Azure B2C Authentication (using MSAL.js)
我正在尝试使用 Angular 8 和 Azure B2C 登录来创建基本身份验证应用程序 (SPA)。我正在使用这个示例 here.
我已经为 SPA 配置了 "app registration",但我不确定示例中的 "Web API" 是什么。
当我 运行 我可以登录的项目但是在重定向到 Angular 之后我收到以下错误:
The application with ID '<MY_CLIENT_ID>' cannot get an ID token either because the openid scope was not provided in the request or the application is not authorized for it.
有人可以帮帮我吗?
谢谢
此示例有 2 种设置方法,要么使用他们的演示租户,您无需设置任何内容,只需 运行。
或者,如果您在 SPA 中设置自己的应用程序注册(看起来确实如此),那么您还需要根据自述文件 https://github.com/Azure-Samples/active-directory-b2c-javascript-nodejs-webapi 从不同的示例设置网络 api
所以你需要设置它,然后在 API 权限中,我的 APIs 将显示在 SPA 应用程序注册中。
在 Azure AD B2C 中注册您的应用程序时,您需要配置 openid 同意和 offline_access 权限。
如果您错过了此配置,您可以在应用程序 -> API 权限 -> Microsoft Graph -> 委派权限 -> openid
中启用它
此权限可帮助您使用工作或学校帐户登录应用,并允许该应用查看基本用户个人资料信息
我正在尝试使用 Angular 8 和 Azure B2C 登录来创建基本身份验证应用程序 (SPA)。我正在使用这个示例 here.
我已经为 SPA 配置了 "app registration",但我不确定示例中的 "Web API" 是什么。
当我 运行 我可以登录的项目但是在重定向到 Angular 之后我收到以下错误:
The application with ID '<MY_CLIENT_ID>' cannot get an ID token either because the openid scope was not provided in the request or the application is not authorized for it.
有人可以帮帮我吗?
谢谢
此示例有 2 种设置方法,要么使用他们的演示租户,您无需设置任何内容,只需 运行。 或者,如果您在 SPA 中设置自己的应用程序注册(看起来确实如此),那么您还需要根据自述文件 https://github.com/Azure-Samples/active-directory-b2c-javascript-nodejs-webapi 从不同的示例设置网络 api 所以你需要设置它,然后在 API 权限中,我的 APIs 将显示在 SPA 应用程序注册中。
在 Azure AD B2C 中注册您的应用程序时,您需要配置 openid 同意和 offline_access 权限。
如果您错过了此配置,您可以在应用程序 -> API 权限 -> Microsoft Graph -> 委派权限 -> openid
中启用它此权限可帮助您使用工作或学校帐户登录应用,并允许该应用查看基本用户个人资料信息