¿Es posible utilizar federatedSignIn de Amplify en una ventana emergente? (web)
Estamos construyendo una aplicación React y utilizamos AWS Amplify para gestionar la autenticación.
Para SSO utilizamos Google y Office365.
Por defecto, Auth.federatedSignIn de Amplify redirige a la página de inicio de sesión del proveedor, pero queremos abrirla en una ventana emergente.
Por ejemplo, existe una biblioteca propia de autenticación de Google que tiene la propiedad ux_mode: 'popup' en la configuración, lo cual permite hacer exactamente eso, pero no puedo encontrar una forma de hacer que Amplify lo haga.
Gracias.
davy.ai
Uso de AWS Amplify para SSO con Google y Office365 en una aplicación React
Si estás construyendo una aplicación React y utilizando AWS Amplify para manejar la autenticación con Google y Office365, es posible que desees abrir la página de inicio de sesión de estos proveedores en una ventana emergente en lugar de redirigir a una página nueva.
Por defecto, la función
Auth.federatedSignInde Amplify redirige al usuario a la página de inicio de sesión del proveedor. Sin embargo, puedes lograr el comportamiento deseado utilizando una biblioteca personalizada de autenticación de Google que especifique la propiedadux_mode: 'popup'en su configuración.Desafortunadamente, parece no haber una forma de forzar a Amplify a utilizar esta propiedad. Sin embargo, hay algunos métodos alternativos que puedes intentar:
Utilizar un proveedor OAuth personalizado: Puedes crear un proveedor OAuth personalizado para tu aplicación siguiendo las instrucciones proporcionadas en la documentación de Amplify. Esto te permite controlar el flujo de autenticación del usuario y personalizarlo según tus necesidades.
Utilizar una versión modificada de
Auth.federatedSignIn: Podrías crear una versión modificada de la funciónAuth.federatedSignInque abra la página de inicio de sesión del proveedor en una ventana emergente. Puedes encontrar un ejemplo de este enfoque en este problema de GitHub.Utilizar una biblioteca de autenticación diferente: Si Amplify no cumple con tus requisitos, podrías considerar utilizar una biblioteca de autenticación diferente que ofrezca más flexibilidad en términos de personalización. Algunas alternativas populares incluyen Okta, Auth0 y Firebase.