Implementación de nuestro Sign-in

Clase 20 de 39 • Curso de Autenticación con Passport.js 2019

Jasan Azael Hernández Bautista

student•

Si tienes dificultad en entender algún concepto te invito a checar mis notas del curso: https://github.com/JasanHdz/passportjs/blob/master/notes/notes.md Si te gusto mi contenido dejame una ⭐ en mi repositorio. :D

Angel Archbold

student•

Se me hace que este curso es el mas difícil de la escuela :(

Andres Ignacio Romo Moena

student•

esque el profe es muy malo. Escribe y escribe codigo sin detenerse a probarlo para que uno entienda su utilidad. Ademas explica cosas mientras escribe por lo que hay que decodificar dos mensajes al mismo tiempo. Tampoco hizo ningun ejemplo basico explicando la funcionalidad de las librerias sino que las integra directamente en el proyecto. Si hubiese hecho un solo ejemplo basico probando la funcionalidad de cada estrategia minimizando al maximo el uso de otras funcionalidades enttonces creo que se haria mucho mas simple :/

Jose Daniel Molina

student•

@andrewRomo es cierto... Considero este curso uno de los más importantes de la Escuela y mira, no es que queramos todo fácil pero hombre una buena explicación siempre cae de perlas.

Manuel Rivera

student•

parce pero de donde sale req.login(), este profesor la verdad se salta muchas cosas, no solamente eso, son muchas cosas, lo único que hace es escribir código y dictar, lo peor, todos los cursos que hace son iguales, obstruye demasiado el aprendizaje.

Sebastian Galindo

student•

Passport agrega dicho método a el objeto Request de las peticiones de los middlewares de Express. Aquí esta la documentacion por si a alguien puede ayudarle a entender mejor el uso de este método:(.

andrés eduardo betancourt bescanza

student•

A este punto es que decides usar firebase jajaja :(

David Antonio Garcia Saaib

student•

Firebase es genial tambien, si tan solo fuera gratis u.u

Camilo José Mezú Mina

student•

Yo lo uso en un proyecto y mientras no se pase la capa gratuita no te cobran, me parece muy bueno.

Javier Fuentes Mora

teacher•

a que se refiere con esto? "como es un custom Callback, debemos hace un Clousure con la firma de la ruta."

Oscar Rodrigo Leon Mojica

student•

Un closure o clausura es la combinación de una función y el ámbito léxico en el que se declaró dicha función. Es decir los closures o clausuras son funciones que manejan variables independientes. En otras palabras, la función definida en el closure "recuerda" el ámbito en el que se ha creado.

Axel David Espinosa Meneses

student•

En este quiere decir que el código se vendrá ejecutando hasta llegar a la linea 25 donde empieza el método .authenticate el cual recibe el callback que pasamos con los parámetros error y el usuario como parámetro.

El método authenticate le pasara al callback que pasamos como parámetro el error y el usuario una vez que el método .authenticate haya terminado de realizar la lógica necesaria (a nosotros no nos interesa que hace), entonces dentro de la función que pasamos como parámetro debemos manejar los errores correspondientes.

Una vez que el método authenticate pase los datos al callback que pasamos como parámetro al metodo authenticate, el metodo .authenticate va a retornar una función que necesita ser ejecutada y ademas recibe como parametro req, res, next. Por eso al final se escribe algo asi:

passport.authenticate('basic', fn)(req, res, next)

Porque de esta forma le estamos pasando los parámetros y estamos ejecutando la función que el método .authenticate retorno.

Cristian Caraballo

student•

¿Que pasa cuando en el minuto 03:35 hace un require('../utils/auth/strategies/basic') sin guardarlo en una constante y como puede hacer eso si en el archivo no esta el module.export?

Mario Calvo

student•

Hola Cris

Haciendo esto require(’…/utils/auth/strategies/basic’) agregas a tu modulo el contenido del archivo basic.

Digamos que tienes un folder llamado "pruebas" con 2 archivos. El primero de ellos 01.js tiene el siguiente código:

const numeros = [1, 2, 3, 4, 5];

numeros.map((numero) => {
  console.log(`número ${numero}`);
});

el segundo archivo 02.js tiene este codigo:

require('./01');

y ejecutas

node pruebas/02.js

el resultado será este:

número 1
número 2
número 3
número 4
número 5

Jose Anibal Garcia Giraldo

student•

Tenía justo la misma duda, gracias marembu :D

Platzi Team

student•

En ninguna clase he visto como inicializaron passport. En la documentación de passport y en los casos y ejemplos que veo siempre lo inicializan app.use(passport.initialize());

Estoy perdido en este curso, lo he repetido un par de veces.

y sumele el de auth0 , ese es otro lio cuando llega a la parte de auth0.

Jose Anibal Garcia Giraldo

student•

Compañeros recuerden colocar await cuando estén manejando código asíncrono, duré dos días completos con un error solo por que no había puesto el await cuando hacia el compare con bcrypt :( igual se aprendió bastante fueron dos días de leer y leer documentación JAJAJA

Miguel Hernández

student•

Yo también tube el mismo error similar, en la implementación de Basic Strategy no puse el await en la consulta getUser y también olvide el req, res, next en la ruta, pero bueno, a seguir :D

Enrique Devars

teacher•

como podría enviar en vez de una respuesta json una cookie a mi frontend?

Andres Roberto Coello Goyes

student•

lo mismo quiero hacer yo en estos momentos, tengo el frontend en NEXT JS

Guillermo Rodas

teacher•

Puedes modificar los headers de la respuesta para devolver una Cookie.

Carlos Angel Muñoz Castañeda

student•

Honestamente estoy muy perdido.. Entiendo que al hacer el post de sign-in enviamos el apiKeyToken pero... en que momento mandamos la información de nuestro usuario?

Diego Osorio

student•

¿cuando se hace el post a la ruta /sign-in desde postman, el username y password como llegan al req, para ser tomados por la estrategia basic de passport?

Elvis Saavedra

student•

Yo igual tuve esa duda, luego de revisar el código vi que lo coge desde el basic.js, en la línea donde usa el new BasicStrategy. Este curso se la ha pasado copiando y pegando código sin hacer pruebas, luego de 15min de copiar código sólo hace una prueba al final...

Fernando Cordero

student•

Espero aclarar un pocp tu duda, pero cuando corrio el script de mongo seedUsers, ahi creo el usuario con el que hizo basic auth. Y esos mismos datos fueron los que coloco en postman.

Gabriel Rodriguez

student•

El postman se me queda eternamente cargando. En fin, veré como lo soluciono pero Guillermo no explica de la mejor manera, se salta más de la mitad de las cosas.

Maided Guadalupe Hernández Ponce

student•

Me pasa lo mismo con postman, puedes utilizar Insomnia, es más rápido!

Henry Corredor

student•

Algo que no entiendo es cómo el cliente adquiere el apiKeyToken. ¿quién / dónde / cuándo se le otorga?

Alexandra Jimenez

student•

Hola, por ejemplo cuando te registras en una página por ejemplo , verificas tu correo y luego haces login se te asigna un token que previamente han programado de esa pag para que solo dure en esa sesión o n cantidad de días u horas, y de esa forma proteger el acceso a los datos solo para usuarios registrados o controlar quienes han entrado allí, etc.

Esteban Martini

student•

es correcto enviar el user+password+token?

en ese caso no entiendo si tiene sentido, porque en principio, el rol del usuario (si es admin o no), deberian estar asociados al user en si ...

sino yo podria enviar user+password correctos, y segun el token que pase, tener permiso de admin, o public...

no se si me estoy perdiendo algo.

Saul Felipe Ramirez

student•

¿Me pueden explicar porque el custom callback debe repetir el (req, res, next) ?

Alexis Alberto Texis Auza

student•

Hola,esto se debe a que el custom callback es un closure, y por eso se le pasa como argumento el objeto request,respose y next para que pueda acceder a estos.

José Marquínez

student•

Hola!, para los que vamos llegando nuevos al curso, hay unas incompatibilidades con passport@0.5.0, el package no está haciendo el merge de sus funciones al objeto request.

. Aquí una imagen del Typescript cuando ingresas al método login con (ctrl + clic izq.) en windows.

Por ejemplo: Les vas a salir "como error" que req.login(), req.logout(), isAunthenticated(), isUnauthenticated() no son funciones. Por el hecho que no están disponibles en el objeto request. . Aquí el link con el issue en github. .

La solución, por ahora, está en hacer un downgrade a la versión passport@0.4.1, la previa estable.

. Hoy 10/1/2021: el issue está presente, cualquier cosa, estén pendientes a actualizaciones futuras para el fix del issue.

Miguel de la Rosa

student•

Alguien me puede explicar porque puso lo de (req, res, next)?

Miguel de la Rosa

student•

pero porque lo pone asi ( )( )

Luis Miguel Gonón Xiap

student•

Buena pregunta compañero, a decir verdad a mi tampoco me queda claro que es eso, si hubiera una persona quien nos podría explicar, estaría genial

Cristofher Jumbo Jimenez

student•

Nelson se que vas a leer esto bro HAHAHAAH

Jesus Alejandro Collazos Pérez

student•

pase varias horas tratando de obtener el resultado del profe. Los errores me han ayudado mucho a entender los concepto, genial curso !

David Guevara

student•

Hola Plazinautas :) . Tengo una pregunta les agradeceria si me pueden ayudar.

No veo que el profesor este configurando un "refresh token" o una "session" eso quiere decir que al caducar el token aunque el usuario este usando la aplicacion, esta se cerraria?

Implementación de nuestro Sign-in

Aprender sobre autenticación y autorización

Lo que aprenderás sobre Passport.js

Stack de seguridad moderno

¿Qué es la autenticación y la autorización ?

Introducción a las sesiones

Conocer qué son los JSON Web Tokens

Anatomía de un JWT

Autenticación tradicional vs JWT

Firmando y Verificando nuestro JWT

Server-side vs Client-side sessions

Buenas prácticas con JWT

Entender cómo funcionan las cookies

¿Qué son las cookies y cómo implementar el manejo de sesión?

Cookies vs Session Storage vs Local Storage

Implementar autenticación en Express usando Passport.js

Arquitectura del proyecto Platzi Video

Agregando la colección de usuarios

Agregando la colección de películas de usuario

Implementando el POST y DELETE de las películas de usuario

Cómo conectarnos a la base de datos

Configuración de Passport.js

Implementación de BasicStrategy con Passport.js

Implementación de Strategy y ExtractJwt con Passport.js

Implementación de nuestro Sign-in

Implementación de nuestro Sign-up

Protegiendo nuestras rutas con Passport.js

Middleware para el manejo de scopes

Configuración del server render

Comunicación máquina a máquina

Implementando recordar sesión

Implementación de las rutas de las películas de usuario

Entender qué es OAuth 2.0 y OpenID Connect

¿Qué es OAuth 2.0 y OpenID Connect?

Implementar autenticación con redes sociales

Cómo crear un proyecto en Google API para hacer autenticación con 0Auth 2.0

Implementando 0Auth2.0 con Google

Implementando Sign Provider en nuestra API

Autenticación con Google usando OpenID Connect

Cómo crear una cuenta de desarrollador con Twitter

Autenticación con Twitter

Autenticación con Facebook

Asegurar tu aplicación de Express

Seguridad con Helmet y npm audit

Automatizar el chequeo de vulnerabilidades con Snyk

Qué es OWASP y buenas prácticas de seguridad

Conclusiones y cierre del curso