问题标签 [msal-react]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
187 浏览

reactjs - 如何在 MSAL 反应路由器中保存登录状态?

我的 App.js 文件实现了这个路由器

登录页面有登录按钮,但即使从登录路径登录后,打开 /Home 路径时,我的 isauthenticated 显示为 false;请帮忙

0 投票
1 回答
311 浏览

reactjs - @azure/msal-react 在身份验证后立即调用 .NET Api

我对 React 完全陌生,我想知道如何在使用库登录后自动调用我的 .NET Core 后端 API msal-react

对于登录,我遵循了 Microsoft 上的教程(https://docs.microsoft.com/en-us/azure/active-directory/develop/tutorial-v2-react)并且我使用的是@azure/msal-react 包.

由于MsalAuthenticationTemplate.

但是有没有办法在登录后监听事件或其他东西来立即调用我的 API?

所以我想要达到的目标:

  1. 通过 MSAL 登录(完成)
  2. 调用我的后端 API 以检索用户权限:在哪里以及如何?
0 投票
1 回答
843 浏览

reactjs - Azure B2C - MSAL - 根据权限从浏览器中清除令牌

在我的反应应用程序中,我通过传递不同的权限使用 msal loginPopup 使用 azure b2c 的登录和编辑配置文件使用流程。

当我登录时,会生成一个带有声明的新 ID 令牌。登录后,当我使用 msal loginPopup(editProfile authority) 编辑我的个人资料时,我能够更改个人资料并成功获得一个新的 ID 令牌,并在浏览器中更新了声明。现在我在浏览器中有 2 个 ID 令牌,一个通过登录生成,另一个通过编辑配置文件生成。由于随机值中 ID 令牌的密钥,有什么方法可以删除通过登录生成的 ID 令牌。

0 投票
0 回答
382 浏览

reactjs - 无法返回经过身份验证的帐户信息(使用 MSAL)

简介: 我正在尝试使用 Azure B2C 配置反应身份验证,基于https://github.com/Azure-Samples/ms-identity-javascript-react-tutorial/tree/main/3-Authorization-II/2-调用-api-b2c/SPA/src

目标: 我希望用户能够使用他们的个人电子邮件(作为消费者)Gmail、Yahoo 等登录和注册应用程序(反应)。

问题: 但是,当用户注册时,我无法阅读用户帐户详细信息。用户按照用户流程成功注册,我什至可以使用用户流程编辑用户配置文件。但是,我无法获取用户帐户信息。

显示反应应用程序的图像,在控制台中,它输出graph.js:18 GET https://graph.microsoft.com/beta/me 401 (Unauthorized)

authConfig.js

政策.js

图.js

应用程序.js

App.js 输出:

console.log("Response: ", response);

响应:
错误:代码:“InvalidAuthenticationToken” innerError:{日期:“2021-08-04T06:19:07”,请求 ID:“8e0ef8bf-f7db-4220-9a66-689ca3b06683”,客户端请求 ID:“8e0ef8bf -f7db-4220-9a66-689ca3b06683"} 消息:“CompactToken 解析失败,错误代码:80049217”

console.log("Account: ",accounts[0]);

帐户:环境:“seb2cdemo.b2clogin.com”homeAccountId:“5ddb5502-c1f1-44d1-a33d-4aefa924350f-b2c_1_b2c-signup-signin.e2ba8437-a274-4842-b694-4764f10077ce”idTokenClaims:{305,793777777ce”idTokenClaims:{exp:162802861624350f-b2c_1_b2c-signup-signin.e2ba8437-a274-4842-b694-4764f10077ce” ,版本:“1.0”,ISS:“https://seb2cdemo.b2clogin.com/e2ba8437-a274-4842-b694-4764f10077ce/v2.0/”,子:“5ddb5502-c1f1-44d1-a33d-4aefa924350f”, ...} localAccountId:“5ddb5502-c1f1-44d1-a33d-4aefa924350f”名称:未定义的tenantId:“”用户名:“”

0 投票
1 回答
43 浏览

reactjs - 我可以使用我的个人(本地)帐户对 Azure B2C React MSAL 应用进行身份验证吗?

我正在尝试使用 React 和 Azure B2C 注册本地帐户(使用个人电子邮件)。我可以使用用户流进行注册和登录,但是,我无法从 MsGraph API 获取活动帐户信息。

GET https://graph.microsoft.com/v1.0/me 401 (Unauthorized)

0 投票
1 回答
480 浏览

azure-active-directory - 是否可以使用本地帐户从 Azure AD B2C 应用程序调用 Ms Graph API?

我在 Azure B2C 租户下创建了一个应用程序。

该应用程序使用自定义登录/注册策略登录本地用户。

但是,我的应用程序有一个管理员视图,我希望登录用户能够为需要在应用程序内访问的任何人创建帐户。我已经看到使用 Azure Ms Graph API 可以做到这一点。

InvalidAuthenticationToken但是,当我尝试调用 Ms Graph API 时,我不断收到错误消息。

我在网上找不到任何解决方案。这甚至可能吗?如果有办法解决它,我该怎么做?

谢谢!。

0 投票
1 回答
218 浏览

azure-ad-b2c - 登录成功后的回调事件 msal-react

我正在使用 <MsalAuthenticationTemplate interactionType={InteractionType.Redirect}> 将用户重定向到登录页面。登录成功后如何执行功能?有我可以挂钩的回调事件吗?

0 投票
0 回答
11 浏览

msal-react - 为非水疗应用程序实施 msal-react?

我正在为我的网站使用 Azure。我一直在尝试在应用程序中实现 msal-react,但收到了一个错误,即只能在 SPA 中获取令牌。我能找到的唯一相关答案是 msal-react 仅适用于 SPA。

鉴于我不能/可能不会将应用程序从 Web 应用程序更改为 SPA,我可以尝试哪些方法成功实现 msal?

React 代码库包含在 .NET 中,因此也不能选择使用 node。

先感谢您!

0 投票
1 回答
90 浏览

azure-ad-b2c - MSAL 2.0 快速将用户重定向到登录屏幕

我使用以下库:“@azure/msal-browser”:“^2.16.0”、“@azure/msal-react”:“^1.0.1”、

我需要将用户重定向到登录屏幕,而用户无法看到任何内容。我怎么能做到这一点?

目前,我有这个:

0 投票
0 回答
77 浏览

msal-react - @azure/msal-react 错误:哈希不包含已知属性

我在@azure/msal-react弹出登录时遇到问题,我需要一些帮助。我的 React SPA 在桌面浏览器中运行良好,但在移动浏览器(我的手机是 Chrome 93.xxx)中,从第二次登录开始,当我调用PublicClientApplication'loginPopup方法时,它会引发如下错误消息:

我不知道这个错误。有没有人遇到同样的问题?我需要一些建议