Comunicación máquina a máquina

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

Mario Alejandro Cortez Salinas

student•

Me parece que como en el minuto 6:45 hace falta hacer el destructuring de data:

const { token, ...user } = data;

        res.cookie("token", token, {
          httpOnly: !config.dev,
          secure: !config.dev
        });```

Abdiel Ortega

student•

excelente aporte

Wilmar Yoan Malaver Malaver

student•

que bien gracias.

José Emanuel Osorio Vázquez

student•

La razón por la que se implementa así este servidor de proxy con el cliente es porque la buena práctica es que la API no tenga estado de ningún tipo (No sesiones, cookies, etc). Por eso se utiliza este server de proxy. Además en el server que hace render del cliente tampoco se deberían implementar los endpoits que aquí se implementan, pues los edpoints del cliente son públicos por lo que el acceso a la API no estaría reestringido. Al tener este proxy nos aseguramos que solo el cliente Admin y el servidor del cliente de platzi video puedan acceder a la API.

Wandy Rafael Santana Evangelista

student•

Hola Devs: -Les recomiendo estas lecturas de la documentacion sobre axios y cookie-parser, ayudaran mucho a entender mejor como funciona: Axios Cookie-Parser

Tomas Goldenberg

student•

el proceso de sign in en render-server

_crea la cookie

_en la cookie insertamos el token

_como respuesta devolvemos el usuario

_asi la SPA puede mostrar la info del user y ya en la cookie ya tenemos el access token y cada request va a tener la cookie

_podemos usar esa cookie para hacer todas las peticiones al api server ya que tenemos el token almacenado en esa cookie

Nestor Ruben Rodriguez Caro

student•

Buen resumen

Javier Maldonado Hernandez

student•

No me queda claro el funcionamiento del ssr-server, esto como se aplicaria a un proyecto donde el frontend esta fuera del server, mas que nada por el tema de la parte de login donde manejar el tema de la cookie ?

Javier Ponce

student•

Creo que el SSR es necesario por el tema de que el apiKeyToken debe ser secreto y dentro del frontend no se puede ocultar.

En caso de no tener SSR, este mismo seria basicamente una API mas actuando como Proxy. O sea harias las llamadas al Proxy Server desde el front-end

Alexis Alberto Texis Auza

student•

Hola,si quisieran utilizar error y la respuesta del servidor principal pueden hacer los iguiente :

 router.post('/signup',(req,res,next) => {
    const { body : data } = req
    try {
      axios({
        url : `${config.urlApi}/auth/signup`,
        method : 'POST',
        data
      })
      .then(({status,data}) => {
        res.status(status)
        res.cookie('token',data.token,{ httpOnly : config.isDev ? false : true,secure :   config.isDev ? false : true })
        res.json({
          data
        })
      })
      .catch( err => {
        let error = err.response.data 
        let statusCode = error.statusCode
        res.status(statusCode).json(error)
      }) 
    }
    catch(e) {
      next(e)
    }
  })

Alejo Gschwind

student•

Probé tu codigo pero no puedo recibir la respuesta del servidor. Me dice EMPTY_RESPONE pero la API responde bien en POSTMAN y en la terminal.

John Faber Flórez Vasco

student•

Saludos, ¿Si quisiera hacer la conexión desde un front que no esta renderizado desde el servidor, cómo se realiza? Se que en su momento se mencionó lo de la creación de un proxy, pero me queda la inquietud donde puedo encontrar información con buenas prácticas y conexión adecuada para que funcione todos los aspectos de autenticación.

Marco Antonio Macedo Preciado

student•

Hola, yo hice un servidor proxy para un proyecto en React para poder refrescar los tokens. Te dejo el repositorio de github para que le des una checada.

Marco Antonio Macedo Preciado

student•

Hola, ¿Mediante el uso de un Server Render ya podríamos aplicar algo como Silent Autentication o Refresh Tokens? 🤔

Guillermo Rodas

teacher•

En realidad son dos conceptos diferentes, pero se puede hacer uso del server para implementar estas dos tecnologias, pero aclaro, no tiene que ser un Server Render, puede ser un app server normal.

Jose Federico Liquin

student•

Para los que quieran saber un poco más acerca de Axios les comparto esta lectura: Axios. Saludos.

Brayan Alejandro Llanos Hoyos

student•

Aun no entiendo cual es la necesidad de crear un backend para que se comunique con otro backend...

Elvis Saavedra

student•

Aparte que no prueba su código, no explica bien a fondo de porque hacer todo eso..

Jesus Adrian Berrio Valdes

student•

por lo que yo entiendo es por temas de seguirdad y buenas practicas, el backend que se conecta a la base de datos actua mas como un API y el backend del SSR es para eso, para manejo de rutas y hacer SSR

Miguel de la Rosa

student•

Este server side render es el mismo que se creo en el curso de server side render con express para el frontend? O es otro ssr para el api server?

Fernando Cordero

student•

Es otro amigo

Tomas Goldenberg

student•

no entiendo en que momento de la ruta de sign in se firma el jwt

Juan Diego Garin

student•

En SIGN-IN :

const { token,user } = data

No olviden destructurar antes de usar las variables.

Estimo que en la próxima clase lo reparará cuando haga la verificación

Carlos Alfonso Garcia Rivera

student•

use toda una mañana para darme cuenta que en local las cookie tenia que ir sin httponly y sin secure u_u

Juan Diego Garin

student•

El estrés que provoca es abrumador, pero yo considero que ese tipo de errores que nos vuelven locos y nos hacen seguir y seguir hasta que lo encontrás y solucionás, te hacen aprender mucho más de lo que estás haciendo y de otras cosas también. Sin contar el sentimiento de realización que produce el resolverlo jaja.

Jesus Olivares

student•

si utilizo Nuxt necesito programar un render server..?

rusbel bermúdez rivera

student•

sobre la basic strategy y la libreria axios, al termnar la configuración del script, vemos que guardamos en la

const { data, status }

Tip. Axios es una librería para manejar promisses, esta genera el http response a la petición, así que el status viene junto con la respuesta.

Aquí el repo de la librería con varios ejemplos. https://github.com/axios/axios

Juan Manuel Velez

student•

Alguien sabe cómo podría implementar esto de un proyecto de angular?. De momento solo lo he conseguido utilizando local storage pero no con cookies. En google no encuentro proyectos que utilicen angular y passport (igual es por algo)

Luis Lira

student•

Hola, te dejo un blog que habla de eso :) https://blog.jscrambler.com/setting-up-authentication-using-angular-node-and-passport/

Juan Manuel Velez

student•

Hola Luis! Gracias por la respuesta. Pero es link también lo vi y lo resuelve usando local storage. Pero en el proyecto requiere el uso de basic authentication donde generamos una cookie utilizando express dentro de angular. Yo tengo instalado como server side render el angular universal. Pero me cuenta diferenciar qué llamadas son realizadas por express, y cuales por angular.

Jesus Adrian Berrio Valdes

student•

no se puede hacer lo que hace el profesor aqui, en el archivo del SSR no manejamos las rutas desde aqui, usamos un app.get('*', renderApp); usamos un server router que traemos del front end entonces ¿hago la peticion en este archivo? si quito el * del get no funciona el SSR

Karen Paola Diaz Duarte

student•

Gracias!!

Maria Elizabeth Minero Alvarenga

student•

Ok: