Autenticación de usuarios con React.js y JWT

แชร์
ฝัง
  • เผยแพร่เมื่อ 10 พ.ย. 2024

ความคิดเห็น • 46

  • @appdelante
    @appdelante  5 ปีที่แล้ว +4

    ¿Quieres dominar React.js? Aprende cómo crear un Instagram desde cero: appdelante.com/cursos/descripcion/crea-un-clon-de-instagram-con-react-js

  • @ElYorWTF
    @ElYorWTF 4 ปีที่แล้ว +1

    Joder, estoy comenzando en esto de react y estaba explotado porque no encontraba el error y la network estaba que estallaba jajajaja, me salvaron, buena explicacion.

  • @jancarloticun1682
    @jancarloticun1682 5 ปีที่แล้ว +7

    Espero que la construcción de la API REST también venga en el curso :)

  • @tomassandoval7018
    @tomassandoval7018 3 ปีที่แล้ว +7

    Hola, alguien tendra el link del video anterior?

  • @leonardosifuentesmozombite7344
    @leonardosifuentesmozombite7344 4 ปีที่แล้ว +1

    nice!!!! , gracias no sabia como solucionar el bucle de useEffect

  • @danielrueda3405
    @danielrueda3405 4 หลายเดือนก่อน

    tengo una duda si alguien mal intencionado le captura ese token que esta en localstorage y lo utiliza es como si estuviera logueado con los datos de otro usuario, no conozco mucho de react pero me parece que no es la manera correcta dejar expuesto ese token en el lado del cliente.

    • @appdelante
      @appdelante  4 หลายเดือนก่อน

      La mejor práctica actual para evitarlo es guardando el JWT en una HTTPS only cookie.

  • @codigito
    @codigito ปีที่แล้ว

    Buenos tips gracias por los videos compa

  • @andreivandrummer
    @andreivandrummer 5 ปีที่แล้ว

    Gracias chicooos!! Esperaba esto! :P Preparado para comprar el curso haha

  • @cristianmoreno4401
    @cristianmoreno4401 ปีที่แล้ว +1

    hay un video donde muestres la carpeta Auth/helpers??

  • @willydavid_
    @willydavid_ 4 ปีที่แล้ว

    Que vídeo tan bueno omg muchas gracias...

  • @adriancanul3813
    @adriancanul3813 ปีที่แล้ว

    pero guardar el token por localStorage no es totalmente inseguro?

  • @_Apep_
    @_Apep_ 2 ปีที่แล้ว

    Este video es la continuacion de que curso?

  • @baneymelo7468
    @baneymelo7468 3 ปีที่แล้ว

    Pero nunca utilizaste cargandoUsuario, cual es la finalidad de setearlo si nunca utilizas ese stado?

  • @gregpuac
    @gregpuac 3 ปีที่แล้ว +1

    Gran video. Si tomo el token de otro usuario y lo remplazo en localstorage, la info ya no le pertenece al usuario original. Existe alguna forma de protegerlo?

  • @pabloodelafuente7792
    @pabloodelafuente7792 2 ปีที่แล้ว +2

    Alguien puede mostrar el código completo de auth-helpers.js

  • @davidshaikh3398
    @davidshaikh3398 4 ปีที่แล้ว +2

    ¿Cuál es la ventaja de usar localStorage para guardar el JWT? No sería mejor en una cookie?

    • @ProyectoViernes
      @ProyectoViernes 4 ปีที่แล้ว

      Puedes utilizar las dos formas , lo que tienes que tener presente es consultar cierto tiempo en el backet ya sea con slim o la4avel en php o utro. La validación real del tokens , en una aplicación que hice para un banco, se valida el tokens cada cierto tiempo para verificar su autenticidad.

    • @gregpuac
      @gregpuac 3 ปีที่แล้ว

      @@ProyectoViernes Pregunta: cómo protejo la info del usuario, si reemplazo el token por el de otro?

  • @robinsonjoseloretoruiz6019
    @robinsonjoseloretoruiz6019 4 ปีที่แล้ว

    Excelente ! seria interesante ver el codigo back-end de la ruta whoami para ver la logica

  • @smoust912
    @smoust912 4 ปีที่แล้ว +1

    Amigo una pregunta , estoy medio confundido , ya que antes solo usaba django o laravel para hacer una pagina y esto de separar el back y frond me tiene confuso. Ya tengo la api rest y puedo registrar usuario y mi pregunta es , cuando hago el post con react estos datos se guardan automaticamente en mi bd , pero en django no debo hacer nada ?? Porque si quiero validar si el usurio ya esta registrado eso lo hago en django o react utilizando la api rest ???

    • @alexandercastillo9559
      @alexandercastillo9559 4 ปีที่แล้ว

      si el usuario ya esta registrado eso lo tienes que hacer en tu backend

  • @amircael69
    @amircael69 4 ปีที่แล้ว

    y donde esta el codigo de git hub, gracias...

  • @Leslaliun
    @Leslaliun 4 ปีที่แล้ว

    No hay el video donde muestres como diseñas la api que usas aqui?

    • @appdelante
      @appdelante  4 ปีที่แล้ว

      Hola, sí lo explicamos muy al detalle en este curso: appdelante.com/cursos/descripcion/diseno-de-apis-con-node-js cualquier otra duda aquí estoy a tu orden

  • @fmesias
    @fmesias 5 ปีที่แล้ว +2

    ese archivo auth-helpers me interesa, existe algún lugar en git o algo donde verlo ?

    • @JhonasVe
      @JhonasVe 5 ปีที่แล้ว +2

      Detalle... Puedes ver todos los archivos de ese proyecto a través de las herramientas de desarrollador, puedes obtener ese código ahí. O simplemente puedes utilizar este que estoy usando en un proyecto propio github.com/JhonasV/groupcon/blob/master/client/src/Helpers/auth-helper.js

    • @cdrman
      @cdrman 4 ปีที่แล้ว

      Jhonas Veras Hola! Si tuviera que desplegar su proyecto groupon de github en heroku lo haría todo en un mismo dyno o container? No sería mejor separar la api del cliente? Muchas gracias.

    • @sebastiannarvaez1466
      @sebastiannarvaez1466 4 ปีที่แล้ว

      @@JhonasVe Hola, y como evalúas que el token que tienes en el localStorage es valido?

    • @JhonasVe
      @JhonasVe 4 ปีที่แล้ว

      @@sebastiannarvaez1466 Tendrías que validarlo en tu backend, por ejemplo en NodeJs puedes crear un middleware para validarlo contra la secret key, en ASP.Net Core lo valida automáticamente, dependerá de tu backend, en dado caso si no es válido, retorna un Unauthorized, eliminas dicho token y mandas al usuario al login.

    • @JhonasVe
      @JhonasVe 4 ปีที่แล้ว +1

      @@cdrman Yo siempre lo subo en el mismo dyno, ya que suelo manejar el Stack MERN (Mongo, Express, React, NodeJs), simplemente haces build del cliente y configuras que cuando esté desplegado en heroku, el backend va a leer el build del cliente, hay tutoriales aquí en YT.

  • @TheFourtHokage100
    @TheFourtHokage100 2 ปีที่แล้ว

    like por el nombre clonategram xdxdxd

  • @edufalcon9906
    @edufalcon9906 2 ปีที่แล้ว +2

    Veo muchas malas prácticas en este video

  • @estebanvega1011
    @estebanvega1011 5 ปีที่แล้ว

    Amigo dónde están los vídeos anteriores?

    • @appdelante
      @appdelante  5 ปีที่แล้ว +1

      Hola Esteban. Este video es parte del curso que estamos creando. Los otros videos son parte del curso que aún no hemos lanzado.

    • @estebanvega1011
      @estebanvega1011 5 ปีที่แล้ว

      @@appdelante Listo muchas gracias. Para cuándo estaría listo me interesa la verdad jajaja

    • @ricanmalra
      @ricanmalra 5 ปีที่แล้ว

      Interesante video!!! Muchas gracias por compartir sus experiencias y conocimientos... Estaban perdidos

    • @JuaNeMe
      @JuaNeMe 4 ปีที่แล้ว

      @@appdelante Hola, excelente video! Quería saber si ya está disponible el curso que mencionás, muchas gracias.

    • @appdelante
      @appdelante  4 ปีที่แล้ว

      @@JuaNeMe Hola Juan, si esta disponible. Aquí puedes obtener toda la información: appdelante.com/cursos/descripcion/crea-un-clon-de-instagram-con-react-js
      Saludos!

  • @akshhay
    @akshhay 5 ปีที่แล้ว

    English?