React Auth0 Login , Introducción Práctica

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

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

  • @Arbupa
    @Arbupa 3 ปีที่แล้ว +17

    Justo lo que quería aprender. Grande, Fazt!

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

      Un gusto que te sea útil :)

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

    Excelente video, me viene de maravilla, en la empresa que trabajo tengo que aprender Auth0 porque lo usan para la autenticación.

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

    Fazt deje de espiarme. Gracias, sos el mejor.

  • @Rokovbabca
    @Rokovbabca 3 ปีที่แล้ว +8

    🖖
    Excelente, rápido y concreto. En el próximo ejemplo podrías incorporar una funcionalidad de rol para validar permisos? Saludos!!

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

    Es increible lo facil y bien que explicas, cada video tuyo es un mar de conocimiento,muchas gracias. :D

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

    Increíble fazt, siempre sorprendiéndonos

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

    Gracias por tanto, podrías hacer un tutorial más a fondo con react-router-dom y protegiendo rutas y eso, no me termina de quedar claro, gracias :3

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

    Que grande, aprendí muchas cosas de React que no sabia. GRACIAS brou.

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

      Excelente Gustavo :)

  • @Tulio666
    @Tulio666 7 หลายเดือนก่อน

    el mejor tutorial que he visto!

  • @SonGoku-pc7jl
    @SonGoku-pc7jl 2 ปีที่แล้ว

    me encanta aprender contigo Fazt! muchisimo! :D

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

    Muy buen video, se podría implementar un registro según quieras ser administrador o un usuario común de la pagina?
    y al loguearse mostrar permisos o funciones según el tipo de usuario.
    en caso contrario podrías recomendarme alguna tecnología que pueda utilizar?
    muchas gracias de verdad!

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

    Grande! Ya empiezo a entender muchos conceptos en react gracias a tus videos .Genial tio :)

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

    Que buen material! Muchas gracias por tremenda explicación y paso a paso!

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

    Buenísimo. Espero también tengan uno a futuro de React con auth0 y Firebase, sería un buen combo. Saludos.

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

      Gran idea Tino, lo voy a apuntar para un eventual video :)

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

    Excelente, y como se puede aplicar en el caso el mi servicio front también tiene que accerder a la información del backend de mi ApiRest.

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

    Que excelente video, el de stripe lo espero con ansias 😎👌🏻

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

    Genio!!, esto no se usa con node en el back? O es solo para front (De la emoción no termine de ver el video antes de comentar)

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

      También es posible usarlo en el back con varios lenguajes como Node, Python, go, java o php

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

      @@FaztCode seria entonces como el servicio auth de firebase

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

    Tipazo como siempre Fazt! Gracias por compartir

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

    Grande Broth, Gracias por tu contenido, me ha servido mucho de ayuda.....

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

    Como es que eres tan productivo?

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

    Hola! buen video! :O , al formulario del login y registro
    le puedo modificarles los estilos?, Saludos

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

    Porque usar Auth0? En lugar de crear un API con JWT (Que ventajas puedo tener).

  • @luis.devgreen
    @luis.devgreen 2 ปีที่แล้ว

    Gracias por tu aporte, muy buen material, tengo una duda, ¿si todo lo estamos implementando desde el frontend para que existira la funcionalidad 0auth desde el backend?

  • @davichois
    @davichois 3 ปีที่แล้ว +5

    Haz uno con nodeJS...

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

    Excelente pero debería ser mas lento para los que están aprendiendo, de todas maneras gran calidad, solo que no se es tan rapido como tu cuando la persona esta hasta ahora empezando. Gracias.

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

      Lo tendre muy en cuenta para proximos videos. Gracias por el feedback

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

      @@FaztCode gracias Crack sabes mucho mucho que super

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

    Fantastico! Gracias por compartir tu trabajo

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

    Necesito integrar este servicio, pero para un login de un proyecto con PHP nativo, podrías considerar hacer un video similar?... gracias por los estupendos videos.

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

    Muy buen video! seria genial verlo aplicado en el backend usando FastAPI por ejemplo.

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

    Muchas gracias, que me recomiendas para trabajar la autenticacion consultando a MongoDB? en mi caso los usuarios los almaceno en la base de datos

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

    Muy bueno Gracias Fazt

  • @santiagousca
    @santiagousca 9 หลายเดือนก่อน

    esta solucion es cuando no tienes backend?

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

    Wow, el tutorial perfecto

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

    tienes alguno de single sing on?

  • @victormanuelvalenzuela1615
    @victormanuelvalenzuela1615 9 หลายเดือนก่อน

    Hola fazt! Tengo una pregunta, si yo quisiera crear un login para un usuario. Y que este usuario solo pueda estar logeado en solamente un dispositivo, ya sea pc o movil. Que tendria que tener en cuenta para vincular su sesion? Yo uso react en mis proyectos, si hay alguna manera te lo agradeceria.

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

    Fazt te amo!!!!

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

    Hola, tengo una pregunta, estoy usando el useContext para autenticar usuarios y me gustaría implementar Auth0 igual...🤔, debería quitarlo para quedar solo con todos los métodos de Auth0, o cómo seria posible integrar ambos??? No sé si sería un buen tema para otro video. GRACIAS POR COMPARTIR TUS CONOCIMIENTOS 😉

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

    Como logra fazt aprender tan rapido, pasa la formula.

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

    Gracias siempre de lujo!

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

    Podrías hacerlo con vuejs?

  • @rburgues_uy
    @rburgues_uy 5 หลายเดือนก่อน

    Buen video, pero tengo incovenientes para quitar la advertencia que aparece en la esquina superior derecha, avisando que se estan usando credenciales de desarrollo, podrias mostrar como cargar las credenciales con cuentas free de auth0? Estoy intentando por varias vias pero no puedo crear ninguna credencial.

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

    como estas ?
    Sabes como configurarlo con expo react native, tenes algun video ??

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

    Hola gracias por todos tus videos. Podrías hacer un vídeo integrando auth0 con PHP puro.

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

    sos crack

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

    Necesito ayuda, como puedo a hacer para proteger las demas rutas hasta que no este logueado el usuario ? porque sin estar logueado, ingreso una url manualmente a otra pagina de mi sitio e igual me lleva a ella :/

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

    excelente!

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

    excelente video

  • @RIDEO-dp5ot
    @RIDEO-dp5ot 3 ปีที่แล้ว

    para el proceso de autenticacion en ves de ser con correo, etc se podria cambiar por una verficacion con codigo qr ? ya sea con google autenticador?

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

    que buen video!

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

    Hola tengo una duda lo hice en un proyecto de vite sin ningun problema como muestra en el video, pero al tratarlo de hacerlo en react native corriendolo en el navegador me salta un error. this.Auth0Module.hasValidCredentialManagerInstance y no es algo que toque yo habia instalado react-native-auth0

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

    Excelente video, como siempre! logre implementarlo, esta vez usando el loginWithPopUp, pero tengo el inconveniente que cuando tengo la ventana emergente abierta y le vuelvo a dar click en iniciar sesion, la ventana popUp carga mi aplicacion con la ruta de login....alguna recomendacion porfa??

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

    tambien funcionara para el crear roles??

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

    Pero lo que está en el .env después es visible para el cliente no? No es peligroso poner esa información en el frontend?

  • @0GERA0
    @0GERA0 3 ปีที่แล้ว

    fazt, deberías subir un tutorial de REACT JS con SKORUBA IDENTITY SERVER 4 :D, gracias por tu contenido

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

    Tengo el siguiente error, al final para ver si era error mio, copie y pegue tu codigo, pero sigue el error, me puedes ayudar por favor:
    src/Components/Logout.js
    Line 9:16: 'LogoutButton' is not defined no-undef
    src/components/loginButton.js
    Line 4:33: React Hook "useAuth0" is called in function "loginButton" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter react-hooks/rules-of-hooks
    Search for the keywords to learn more about each error.

  • @gamuro6977
    @gamuro6977 3 หลายเดือนก่อน

    Como puedo combinar esto con una base de datos? Que sucede con la contraseña obligatoria?

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

    ¿Cómo puedo configurar mi entorno para el refresco automático con el guardado de los cambios? ¿es una dependencia? Muchas gracias.

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

    y como se agregan mas metodos de autenticacion? en la pagina de auth0 te permite agregar las conecciones a facebook, linkedin, google y mas pero no se reflejan en el universal login, solo salen en el login clasico. si quiero un login customizado no hay forma de agregar esos botones y en ningun lado te otorga las funciones, el template inicial solo trae la logica para autenticar con google.

  • @JoseCastro-zx9yq
    @JoseCastro-zx9yq 3 ปีที่แล้ว +1

    Oye fazt que distro de Linux estas utilizando actualmente?

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

      Xubuntu, y Manjaro en desktop y Ubuntu y debían en server :)

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

    Cuanto tiempo dura auth??

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

    Me di cuenta que cuando uno actualiza el navegador, se pinta el componente del login

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

    Se puede colocar roles a los que se loguean? con auth0

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

    Por cierto, según tu, cuando esperas llegar al millón de suscriptores en tus dos canales?

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

    capo gracias

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

    Hola, oye, cuando doy click en el botón de login, en el paso del minuto 14:47 me marca un error, ya revisé que todo estuviera en orden pero no me redirecciona al formulario 😢

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

    En el if ternario se pueden mostrar dos o más componentes a la vez cuando sea verdadera la condición?

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

      Si claro, puedes usar un fragment, o renderizar un componente, o lo que seria lo mismo crear una funcion por aparte con tu interfaz y ejecutarla cuando se cumpla la condicion

  • @thefred-nx2ry
    @thefred-nx2ry 3 ปีที่แล้ว

    Como podemos administrar los roles de los usuarios con Athu0

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

    tengo un pequeño problema y estoy buscando ya hace rato para resolverlo, es el siguiente: Cuando creo el archivo .env el ícono me sale diferente, cuando coloco el puntero del mouse por encima de el me dice que es "no controlado" y cuando coloco el console log con los process.env.REACT_APP_AUTH0_DOMAIN y el otro, me salen en la consola del navegador como "undefined". Me hace falta instalar algo adicional en el VS Code? siento que me estoy perdiendo en algún paso.

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

      Resuelto, fue lo que dijiste, al abrir y cerrar la aplicación resulta que carga los datos del .env, ahora el sistema de autenticación funciona perfectamente gracias a este tutorial, muchas gracias.

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

      @@MadJaze Hola amigo sabes que tengo el mismo problema pero cierro y vuelvo a abrir la aplicacion pero sigue con lo mismo, quizas hiciste algo extra, o si pudieses especificar mas a lo que te refieres con cerrar la aplicacion, te lo agradeceria mucho, Saludos.

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

      Tengo el mismo Error..
      Usted ya lo soluciono?

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

    Excelente contenido como siempre, solo una petición y/o recomendación: podrías hablar mas lento a efecto de no equivocarte tantas veces al escribir. Gracias por facilitar y compartir el conocimiento!

  • @f.m.agemmaluk
    @f.m.agemmaluk 2 ปีที่แล้ว

    Una consulta esta app ya no es gratis??? Al registrarme me dice que solo dura 22 dias algo asi

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

      ahora este servicio es parte de okta, y parece que han cambiado su modelo de negocio a una version trial

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

    Hola Fazt muy buen contenido, gracias, una pregunta tendras algun video para autenticar con facebook? saludos

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

      No he publicado aún uno. Pero dime con qué back o lenguaje estás buscando y creo un tutorial

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

      Creo que es muy 'actual' integrar varias maneras de autenticar con diferentes redes sociales, creo que igual sería motivo de video, la integración de algunas, dígase Github, Facebook, Google, etc, algo así e usarlas todas desde una misma app y darle al usuario diferentes opciones....🤷🏿‍♂️, igual estaré pendiente a cualquier tutorial nuevo. GRACIAS POR COMPARTIR

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

      @@FaztCode Si, ahora veo que el lenguaje de Go esta creciendo mucho, y en el back seria una api rest de login de ejemplo con jwt y tambien que podamos integrar el inicio de sesion con fb, google. Saludos Fazt.

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

    Saludos. No logro que funcione el proyecto. En el console.log la consola me envia como undefine.
    intenté ya en el .env ponerlos como constantes, ponerles comillas pero sigue el undefine. (las dependencias necesarias para el auth0)

  • @santiagokilling1165
    @santiagokilling1165 10 หลายเดือนก่อน

    Yo me estoy trabando en la parte 18:14 porque quiero imprimir el profile en la página pero no me sale, alguien me puede dar una mano ?

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

    Lo intente integrar en proyecto que ya esta deployado pero no e podido integralo si alguien me puede ayudar estoy aprendiendo

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

    Con el Auth0 también me genera un token? o cómo?

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

      si aunque la biblioteca lo maneja internamente

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

      @@FaztCode y cómo se almacena el token en la BD, o sea se generaría en el front y le envío a mi backend para que lo almacene?

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

      @@fernandomoisesavendanofran2409 como resolviste eso? (almacenar el token en la BD)

  • @queirozm.santana9908
    @queirozm.santana9908 3 ปีที่แล้ว

    Que tema do vscode é esse?

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

      Github theme

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

    The first

  • @danielMs694
    @danielMs694 5 หลายเดือนก่อน

    Actualizalo bro la propiedad redericUrl no existe ahora, ademas intente hacerlo desde mi proyecto de react con redux y nunca funciono :( no me sirvio nada

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

    auth0 es muy caro ni empedo usaria ese servicio por 10000 usuarios activos te cobran 2000 dolares carisimo el servicio

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

    muy buen video fazt me sirvio mucho!