javascript - 用于用户身份验证的 Azure AD B2C REST API 终结点

标签 javascript reactjs azure azure-ad-b2c azure-ad-msal

我正在尝试通过 Azure AD B2C 服务对基于 Reactjs 的应用程序的用户进行身份验证。在浏览文档时,我发现了两种方法 - 弹出和重定向,但这两个选项都有一些限制,例如我希望登录/注册表单非常自定义,或者我希望在新用户注册时返回回调等。 另外,我使用 AD 来对 React Native 移动应用程序的用户进行身份验证,并且我必须使用 webview 进行重定向,这不会给人一种非常原生的感觉。

一些论坛给出的针对这些限制的解决方案是使用 API 连接器,但我再次找不到一些好的文档。

任何人都可以帮助确定一种使用我可以创建的自定义表单进行用户身份验证和注册的好方法,也许可以通过使用一些 API 端点或纯粹在前端端使用的任何 SDK 来实现?

最佳答案

• 一个好的方法是通过在应用程序注册中注册您的 React js 应用程序,在 Azure AD B2C 中创建用于登录/注册和身份验证的用户流。注册应用程序后,配置 API 访问标签以及该注册应用程序的注册/登录用户流程。完成后,创建一个名为 B2C.js 的文件并添加以下代码,以在其中添加“msal”身份验证库,以便为部署的 React js 应用程序提供身份验证。

   ‘ var msalAppConfig = {
       auth: {
       clientId: '<client Id>',
     authority:'https://<TenantSubDomain>.b2clogin.com/<Tenant>/<signInPolicy>',
       redirectUri: '<Redirect Url>',
      validateAuthority: false,
       postLogoutRedirectUri: 'window.location.origin'},
          cache: {
        cacheLocation: 'sessionStorage',
         storeAuthStateInCookie: isIE()
       } ‘

• 替换“client id”、“redirect url”和其他可通过在 azure ad b2c 应用注册字段中创建的应用程序填写的“<>”值。完成后,登录/注册页面将如下所示:-

Azure AD B2C Userflow

• 确保正确编辑index.js 和b2c.js 文件所需的详细信息,以便通过azure ad b2c 正确进行身份验证。

请找到以下链接,了解有关添加身份验证和上述注册/登录页面的更多信息:-

https://blog.devgenius.io/secure-login-in-reactjs-with-azure-ad-b2c-fc0f919db1dc

关于javascript - 用于用户身份验证的 Azure AD B2C REST API 终结点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/69445993/

相关文章:

c# - Azure 存储,使用 BlobRequestOptions 而不使用 CloudBlobClient

javascript - Azure Application Insight 会显示 JavaScript 错误吗?

java - 将 Azure Blob 存储与 java MVC 结合使用 Azure 网站

javascript - jQuery 每个函数只返回总结果的最后一个结果

javascript - 我如何在react js中获取文本框值

javascript - 使用 Mozilla React 表单重新排序表单控件

reactjs - React 操作如何访问调度?

javascript - 查看/记录浏览器正在执行的 javascript 函数

javascript - 使用 CarouFredSel 的 slider

javascript - 无法检测到 ComponentDidUpdate 中连接到 Redux Store 的 props 的更改