Google Auth demo con Passport.js y jsonwebtoken

Demostración de autenticación con Google hecha en Node.js con express, passport.js y almacenando un jsonwebtoken(jwt) en las cookies. Cuenta con login y logout.

Dependencias

Dotenv
Express
Express-session
Jsonwebtoken
Passport
Passport-google-oauth20
Nodemon

Instalación

npm i 
npm i --save-dev nodemon

Para iniciar el proyecto en localhost:3000 debemos modificar scripts de package.json

  "scripts": {
    "start": "nodemon index.js"
  },

Y después iniciar

  npm start

Contenido del archivo .env

Primero creamos el .env que luego añadiremos a .gitignore

  CLIENT_ID
  CLIENT_SECRET

Pasos en la cuenta de Google

Ahora que ya tenemos el proyecto listo para ser lanzado, antes debemos crear unas credenciales de Google. Para ello, escribiremos en google: google credentials:

Nos dirigimos a este enlace. Una vez dentro nos aparecerá una opción de crear proyecto, lo creamos y le ponemos el nombre que queramos.

El siguiente paso es crear un ID de cliente OAuth, para ello iremos aquí:

Nos aparecerá un mensaje de configurar pantalla de consentimiento, vamos a él.

Elegimos externo

Aquí solo necesitamos marcar los campos obligatorios

Vamos a guardar y continuar

Guardar y continuar

Volvemos al panel y con esto ya tenemos configurado la pantalla de consentimiento.

Ahora sí, vamos a credenciales y pulsamos de nuevo en Crear ID de cliente de OAuth. Escogemos aplicación web, y aquí llegan los pasos más importantes:

Debemos poner en URI de redireccionamiento autorizado, nuestra ruta

/google/callBack

Como vamos a correr la app en localhost:3000, simplemente concatenamos la url. En el caso de desplegar la app con otro dominio, hacer lo mismo.

Pulsamos en guardar y nos aparecerán nuestro ID de cliente y secreto de Cliente. Debemos guardarlos y escribirlos en el archivo .env definido anteriormente

Esto es todo por la parte de la cuenta de Google

Una vez añadidas las credenciales a nuestro .env, el proyecto debería funcionar tal que así:

Como vemos, la autenticación de google nos crea un jsonwebtoken en las cookies que podemos tratar para manejar sesiones. Este token desaparece al hacer logout.

ChinchiGit / GoogleAuth_Passport_Demo