PASO A PASO PARA CONFIGURAR LAS CREDENCIALES DE FACEBOOK Y G

Vista previa del material en texto

PASO A PASO PARA CONFIGURAR LAS CREDENCIALES DE FACEBOOK Y GOOGLE PARA PASSPORT 
A continuación, te proporcionaré un paso a paso para configurar las credenciales y URLs adecuadas 
en los sitios de desarrolladores de Facebook y Google para que puedas utilizar la autenticación de 
Passport con las estrategias de inicio de sesión de Facebook y Google: 
 
**Paso 1: Configurar una nueva aplicación** 
 
1. Para Facebook, ve a la página de desarrolladores de Facebook: https://developers.facebook.com/ 
 Para Google, ve a la consola de desarrolladores de Google: 
https://console.developers.google.com/ 
 
2. Inicia sesión con tu cuenta de Facebook o Google. 
 
3. Crea una nueva aplicación seleccionando la opción "Crear aplicación" o "Crear proyecto" en la 
consola de desarrolladores de Google. 
 
**Paso 2: Obtener las credenciales** 
 
4. Una vez que hayas creado la aplicación, obtendrás las credenciales necesarias para configurar 
Passport. 
 
5. Para Facebook: 
 - En la configuración de tu aplicación, ve a la pestaña "Settings" y luego a la sección "Basic". 
 - Aquí encontrarás el "App ID" y el "App Secret". Estas son las credenciales que necesitarás para la 
estrategia de Facebook en Passport. 
 
6. Para Google: 
 - En la consola de desarrolladores de Google, selecciona tu proyecto y luego ve a la sección 
"Credenciales". 
 - Haz clic en "Crear credenciales" y selecciona "ID de cliente de OAuth". 
 - Escoge "Aplicación web" como el tipo de aplicación. 
 - En la sección de "Autorizados JavaScript", agrega las URL de tu aplicación (por ejemplo, 
http://localhost:3000) para que Google permita solicitudes de autenticación desde esas URLs. 
 - Una vez que hayas creado las credenciales, obtendrás el "ID de cliente" y el "Secreto de cliente". 
Estas son las credenciales que necesitarás para la estrategia de Google en Passport. 
 
**Paso 3: Configurar las URLs de redirección** 
 
7. Para Facebook: 
 - En la sección "Valid OAuth Redirect URIs" de la configuración de la aplicación de Facebook, agrega 
la URL de redirección para la estrategia de Passport de Facebook (por ejemplo, 
http://localhost:3000/auth/facebook/callback). 
 
8. Para Google: 
 - En la consola de desarrolladores de Google, en la sección de "Credenciales", agrega la URL de 
redirección para la estrategia de Passport de Google (por ejemplo, 
http://localhost:3000/auth/google/callback). 
 
**Paso 4: Implementar las credenciales en tu código** 
 
9. Utiliza las credenciales que obtuviste en los pasos anteriores para configurar Passport en tu 
código. 
 
Ejemplo para Facebook en Node.js con Passport: 
 
 
 
 
 
Ejemplo para Google en Node.js con Passport: