Estoy implementando un sistema de autenticación con django y reacciono. Las dos aplicaciones se ejecutan respectivamente en el puerto 8000, 3000. Implementé el sistema de autenticación usando el paquete Djoser. Este paquete usa algunas dependencias social_core y social_django. Todo parece estar configurado bien. Hago clic en el botón de inicio de sesión de Google... Soy redirigido a la página de inicio de sesión de Google y luego vuelvo a mi aplicación de reacción frontal en el puerto 3000 con los parámetros de estado y código en la URL.
En este punto, estoy publicando esos parámetros en el backend. El backend intenta validar el estado verificando si la clave de estado está presente en el almacenamiento de la sesión usando el siguiente código de ( social_core/backends/oauth.py )
def validate_state(self): """Validate state value. Raises exception on error, returns state value if valid.""" if not self.STATE_PARAMETER and not self.REDIRECT_STATE: return None state = self.get_session_state() request_state = self.get_request_state() if not request_state: raise AuthMissingParameter(self, 'state') elif not state: raise AuthStateMissing(self, 'state') elif not constant_time_compare(request_state, state): raise AuthStateForbidden(self) else: return stateEn este punto, por alguna razón, la clave de la sesión de estado no está allí... y recibo un error que dice que el estado no se puede encontrar en los datos de la sesión (error a continuación)
{"error":["State could not be found in server-side session data."],"status_code":400}Recapitulo todas las acciones que realizo:
Por alguna razón, el código de estado no se conserva... Cualquier idea y ayuda serán realmente apreciadas.
Gracias a todos.
Sin la información detallada necesaria, solo puedo decir 2 posibles razones:
session incorrectas (o se cerró la sesión del usuario antes de que finalizara la autenticación).state incorrectoPodría probar el inicio de sesión social sin front-end, digamos si está intentando iniciar sesión con Google:
domain.com:8000/login/google-oauth2/En caso afirmativo, entonces probablemente necesite verificar su código de front-end, y si no, entonces verifique su código de back-end.
Al final, si no es tan sensible al riesgo potencial, también puede anular la clase GoogleOAuth2 de la siguiente manera para deshabilitar la verificación de estado:
from social_core.backends import google class GoogleOAuth2(google.GoogleOAuth2): STATE_PARAMETER = FalseCreo que es posible que necesite algunos cambios en el flujo de autorización en los pasos 3 y 4.
3. Autenticación con google y redirección de regreso al front-end con un estado y parámetros de código en la url.
4. Front-end obtenga la URL del formulario de datos y publique los datos en el back-end para verificar que el estado recibido sea igual al generado en el punto (1).
tal vez debería redirigir de nuevo al lado del servidor después de la autorización de Google.
luego, en el lado del servidor, ¡haz la verificación! validar el estado y el código (tal vez hacer más cosas).
luego deje que el servidor redirija al sitio front-end que deseaba antes.
por alguna razón, redirigir directamente al front-end perderá el parámetro .. :-)
ok, este es un problema común mientras trabaja con autenticación social. Tuve el mismo problema tantas veces.
el flujo :
haga una solicitud a http://127.0.0.1:8000/auth/o/google-oauth2/?redirect_uri=http://localhost:3000/ (ejemplo)
obtendrá una authorization_url . si nota que en esta autorización_url se presenta un estado. este es el 'estado del lado del servidor'.
ahora debe hacer clic en el enlace de autorización_url. Luego obtendrá la página de autenticación de Google. Después de eso, será redirigido a su URL de redirección con un estado y un código. Recuerde que este estado debe ser el mismo estado que el estado del lado del servidor. (2)
haga un requisito de publicación en http://127.0.0.1:8000/auth/o/google-oauth2/?state=''&code='' . si sus estados no son los mismos, tendrá algún problema.
cada vez que desee iniciar sesión, debe realizar una solicitud a http://127.0.0.1:8000/auth/o/google-oauth2/?redirect_uri=http://localhost:3000/ y luego a http://127.0.0.1:8000/auth/o/google-oauth2/?state=''&code='' por lo que obtendrá el mismo estado.
Permitir que Axios mantenga la sesión en la interfaz
import axios from "axios"; axios.defaults.withCredentials = true; axios.get("url") .then(response => { console.log(response) }) .catch(error => { console.log(error); });axios.defaults.withCredentials = verdadero;
CORS_ORIGIN_ALLOW_ALL = Verdadero
CORS_ALLOW_CREDENTIALS = Verdadero