0
160
VistasPunto de conexión de la API REST de Azure AD B2C para la autenticación de usuarios
Estoy tratando de autenticar a los usuarios para mi aplicación basada en Reactjs a través del servicio Azure AD B2C. Mientras revisaba la documentación, encontré 2 formas: ventana emergente y redirección, pero ambas opciones tienen algunas limitaciones, como si quiero que el formulario de inicio de sesión/registro sea muy personalizado o quiero que me devuelvan la llamada al registrarme como nuevo usuario, etc. Además, estoy usando AD para autenticar a los usuarios para la aplicación móvil React Native y tengo que usar webview para redirigir, lo que no da una sensación muy nativa.
Una solución para estas limitaciones que dieron algunos foros fue usar conectores API, pero nuevamente no pude encontrar buena documentación para eso.
¿Alguien puede ayudar a determinar un buen enfoque para la autenticación de usuarios y registrarse con un formulario personalizado que pueda crear, tal vez usando algunos puntos finales de API o cualquier SDK para eso puramente en el lado de la interfaz?
1 Respuestas
Responde la pregunta0
• Un buen enfoque sería crear flujos de usuario para inicio de sesión/registro y autenticación en Azure AD B2C registrando su aplicación de reacción js en el registro de aplicaciones. Una vez que se haya registrado la aplicación, configure la etiqueta de acceso a la API y los flujos de usuario de registro/inicio de sesión para esa aplicación registrada. Una vez hecho esto, cree un archivo llamado B2C.js y agregue el código a continuación para agregar la biblioteca de autenticación 'msal' para proporcionar autenticación a la aplicación reaccionar js implementada.
' 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() } '• Reemplace los valores de 'id. de cliente', 'dirección URL de redirección' y otros valores '<>' que se pueden completar a través de la aplicación creada en el campo de registro de la aplicación azure ad b2c. Una vez hecho esto, la página de inicio de sesión/registro tendrá el siguiente aspecto: -
• Asegúrese de que el archivo index.js y b2c.js se haya editado correctamente; se requerirán detalles para que la autenticación se realice correctamente a través de Azure ad B2c.
Encuentre el siguiente enlace para obtener más información sobre cómo agregar autenticación y la página de registro/inicio de sesión anterior: -
https://blog.devgenius.io/secure-login-in-reactjs-with-azure-ad-b2c-fc0f919db1dc