From a52327a04b164a928d65e07d11ce227c4d5b639a Mon Sep 17 00:00:00 2001 From: Mireya Cueto Garrido Date: Wed, 22 Apr 2026 10:48:47 +0200 Subject: [PATCH] Update OAuth setup instructions in README --- README.md | 57 ++++++++++++++++++++++++++++++------------------------- 1 file changed, 31 insertions(+), 26 deletions(-) diff --git a/README.md b/README.md index 74a4a60..60714e5 100644 --- a/README.md +++ b/README.md @@ -292,37 +292,21 @@ Un ejemplo de página de donde sacar las tres primeras claves: Para activar el login con Google, debes crear credenciales OAuth 2.0. Para ello sigue estos pasos: -### 🟦 Paso 1 — Entra en Google Cloud Console +### 🟦 Paso 1 — Entra en Google Cloud Console y haz login https://console.cloud.google.com ### 🟩 Paso 2 — Crea un proyecto -Menú superior → “Seleccionar proyecto” → “Nuevo proyecto”. +Menú superior → “Seleccionar proyecto” → “Nuevo proyecto” → Elige un nombre para tu proyecto. -### 🟧 Paso 3 — Configura la pantalla de consentimiento OAuth - -image - - -En el buscador escribe: **OAuth consent screen** ó ve a la página que se muestra en la captura superior. - -Selecciona **Información de la página**: - -→ Rellena los datos necesarios (no hace falta poner un dominio si lo tienes en local) → Guardar - - -image - - -### 🟨 Paso 4 — Crea las credenciales OAuth -Menú lateral: -**APIs & Services → Credentials → Create Credentials → OAuth Client ID** +### 🟨 Paso 3 — Crea las credenciales OAuth +En el menú lateral: +**APIs y Servicios → Credenciales → Crear Credenciales → ID de Cliente OAuth** image - - +image Tipo de aplicación: -✔ **Web application** +✔ **Aplicación Web** Añade en `Orígenes autorizados de javascript`: http://localhost:8000 @@ -330,16 +314,37 @@ http://localhost:8000 Añade este Redirect URI obligatorio: http://localhost:8000/api/auth/google/callback +Después te saldrá una ventana para descargarte las claves en formato json (hazlo para que no se pierdan) + +Finalmente podrás ver la pantalla final (desde aquí no se puede acceder al secreto del cliente, solo puedes generar uno nuevo): + image - -### 🟥 Paso 5 — Copia tus claves +### 🟧 Paso 4 — Copia tus claves Google te mostrará: - **Client ID** - **Client Secret** -Pégalos en tu `.env` dentro de `backend/`. Asegúrate de que las copias correctamente. +Pégalos en tu `.env` dentro de `backend/`. Asegúrate de que las copias correctamente cada una en su lugar. + +### 🟥 Paso 5 — Configura la pantalla de consentimiento OAuth + +En el buscador escribe: **OAuth consent screen** o busca en el menu lateral la siguiente opción: + +image + +Configura los datos de tu proyecto seleccionando **Información de la página**: + +→ Rellena los datos necesarios (no hace falta poner un dominio si lo tienes en local) → Guardar + +image + +### 🟪 Paso 6 — Publicar la app + +Publica tu app accediendo a: (Este paso es muy importante para permitir acceder a cualquier correo) + +image ---