NestJS Authentication: JWTs, Sessions, logins, and more! | NestJS PassportJS Tutorial

Поділитися
Вставка
  • Опубліковано 7 лип 2024
  • In this video we'll discuss the fundamentals of adding authentication to your NestJS API. We'll talk about utilizing passport to use different types of authentication strategies. Specifically we will try the passport-local strategy as a basic login with username and password example. Next, we'll take a look at potentially using sessions to store user information and persist their login state. Finally we will also take a look at a state-less approach with JSON Web Tokens (JWTs). We'll create our own JWTs and I'll show you how you can use that to protect your API routes!
    00:00 - Intro
    03:35 - Initial routes
    04:41 - UsersService
    07:50 - AuthService
    10:40 - Implementing passport-local strategy (username/password login)
    18:08 - AuthGuards
    23:25 - Summary of local login flow
    29:02 - Guard to check if user is authenticated
    31:41 - Setting up sessions
    40:37 - Summary of login with sessions flow
    44:25 - Setting up JWT strategy, signing and validating
    1:00:25 - Summary of JWT strategy flow
    1:04:22 - Conclusion
    1:05:20 - Outro

КОМЕНТАРІ • 420

  • @mariusespejo
    @mariusespejo  2 роки тому +46

    Note: a lot of people are getting the error “request.isAuthenticated is not a function”. Please note that I explicitly mentioned in the video that it will not work until you properly setup sessions. If you run into that error, KEEP watching! The problem will resolve itself once you have the full setup, don’t stop at the point of error. If you watch the rest of the video and still have this problem, double check that you properly configured and registered your strategies and guards exactly as shown in the video.

    • @David-rz4vc
      @David-rz4vc 2 роки тому

      in main.ts: below fix it for me
      app.use(passport.initialize());
      app.use(passport.session());

    • @yummers2001
      @yummers2001 2 роки тому

      Any chance this can be added as an annotation to the video at that point? I fell into the same trap! Otherwise - awesome video. Keep up the great work!

    • @mariusespejo
      @mariusespejo  2 роки тому +1

      Not after it’s published sorry

    • @oudom_nohara
      @oudom_nohara 2 роки тому

      @@mariusespejo Thanks

    • @tobiasschafer1658
      @tobiasschafer1658 2 роки тому

      And maybe something I am missing is some notes about the logout. Currently I am calling .logout() on the request AND calling session.destroy(). Maybe only the last one would be sufficient as it removes the complete session anyways ;-)

  • @sailormetz7148
    @sailormetz7148 Рік тому +29

    A problem I encountered: if you use argument names other than 'username' and 'password' for local strategy, you must specify them as options in local.strategy in super({ usernameField: 'otherName1', passwordField: 'otherName2' }).
    If you don't, it won't even throw any errors, you'll just keep getting a 401 Unauthorized error. This drove me insane. Hope this helps others avoid this mistake.
    But great tutorial regardless! Content like this makes the internet amazing.

    • @rajuc6438
      @rajuc6438 Рік тому +1

      Thank you so much man. You saved my life!!! It drove me insane for 2 hours. Thanks again

    • @MonkeyHandle001
      @MonkeyHandle001 11 місяців тому

      You are my savior, digital Jesus, God in UA-cam. you saved my 8 hours.

    • @zflxw
      @zflxw 7 місяців тому

      Thank you very much, you saved me so much trouble

    • @rumble1925
      @rumble1925 2 місяці тому

      Oof. Thanks bro, I thought I was going insane, not seeing any logs or anything.

    • @osarumenizedonmwen3670
      @osarumenizedonmwen3670 16 днів тому

      thank you so much bro holy shit

  • @kinopiskfreepromocode5546
    @kinopiskfreepromocode5546 2 роки тому +12

    The best tutorial i watched so far. Author tells the info clearly and without any useless data. So, i want to say that i was here when the num of followers had been 7k

  • @thecastiel69
    @thecastiel69 3 роки тому +16

    This tutorial I wanted today, what a coincidence

  • @FunkyToe369
    @FunkyToe369 2 роки тому +6

    Thanks for spending the time explaining each part and drawing the parallels to his we would do it in express.
    Really helped me understand how to accomplish session auth. Felt a bit lost when the docs only covered JWT auth and all the tutorials I found were showing me the code to make it work... But not why it worked haha

  • @foofighterdaz
    @foofighterdaz 2 роки тому +9

    Can't thank you enough for this Marius, excellent content, pitched and paced perfectly.

    • @mariusespejo
      @mariusespejo  2 роки тому +1

      Thank you! I appreciate the feedback

  • @h.w.b.9503
    @h.w.b.9503 Рік тому +1

    Thank you so much for this tutorial, it helped clear up so much of my confusion. All the examples of different Passport strategies are written using ES6 modules, but the documentation for Nest is with classes. Your video helped translate the difference and finally got my code to work. Very clear and well explained --signed a junior developer that only learned ES6 Javascript in my bootcamp XD

  • @xZunaii
    @xZunaii 2 роки тому +12

    I highly appreciate you going throug the code roughly and also briefly explaining the NPM packages which you're using / recommending. It's really fun coding along and learning in this video!

  • @janphillips7177
    @janphillips7177 2 роки тому

    Thank you! Very useful. I appreciate your descriptions and of Sessions and JWTs! All the best.

  • @mariusespejo
    @mariusespejo  3 роки тому +26

    00:00​ - Intro
    03:35​ - Initial routes
    04:41​ - UsersService
    07:50​ - AuthService
    10:40​ - Implementing passport-local strategy (username/password login)
    18:08​ - AuthGuards
    23:25​ - Summary of local login flow
    29:02​ - Guard to check if user is authenticated
    31:41​ - Setting up sessions
    40:37​ - Summary of login with sessions flow
    44:25​ - Setting up JWT strategy, signing and validating
    1:00:25​ - Summary of JWT strategy flow
    1:04:22​ - Conclusion
    1:05:20​ - Outro

  • @OetziOfficial
    @OetziOfficial 2 роки тому +5

    Dude, after 4 days struggling you opened my eyes. They should add all of this in their documentation. You are a gold tressure!

    • @OetziOfficial
      @OetziOfficial 2 роки тому

      @Dev Guy I read the documentation first and in the span of 4 days, probably 100 times :D I actually started the project because I loved the documentation, its just on spot, with a few missing parts :)

    • @mariusespejo
      @mariusespejo  2 роки тому +13

      Docs are definitely very good but it’s not always intuitive to everyone. Simply saying just read the docs is like telling people don’t go to school just read the text books….

    • @sophektounn6422
      @sophektounn6422 2 роки тому +1

      I’m been looking for this. Thank you thank you. Would git repo of this code.

    • @h.w.b.9503
      @h.w.b.9503 Рік тому

      @Dev Guy I looked at and read the documentation from Nest and Passport. The main problem for me with the documentation is Nest is all classes and Passport documentation show you how to configure the different strategies in ES6. This video is literally the only resource I've found (and I searched for over a week) that explains that (a) passport is initiated when it is included in the correct provider array and you do not need passport.use() as explained in the Passport docs and (b) the UseGuard is registering the strategy and there is no need for passport.register(), again, as explained in the Passport docs

  • @paolotessarolo8927
    @paolotessarolo8927 2 роки тому

    Best tutorial on NestJs authentication so far. Thanks a lot!

  • @quamzgraphix9826
    @quamzgraphix9826 Рік тому +1

    your nest js contents are soo good. keep it up marius

  • @manishupadhyay4519
    @manishupadhyay4519 3 роки тому +8

    Thanks a lot Marius! for Authentication session. Very well crafted beautifully explained.
    Just 1 suggestion if you could put this session over git. Would be great to look at the code and get relate it post watching video.
    Keep up the good work!!!
    All The Best!!

  • @tulionavarro6543
    @tulionavarro6543 2 роки тому

    Tks once again! You make this easy with yours explanations.. each of details, make a difference.

  • @bossmusa9075
    @bossmusa9075 Рік тому +1

    Even today i remember how i asked the question below the similar type of video about jwt and you reply back really fast althought your video was already great. As i see you still answers the questions and its impresive.

  • @darpananeja6755
    @darpananeja6755 2 роки тому +1

    So glad to know that you are following the official NestJs documentation! I also do the same.

    • @mariusespejo
      @mariusespejo  2 роки тому +1

      Honestly it’s some of the best docs I’ve seen!

  • @cholasimmons
    @cholasimmons 11 місяців тому

    That walkthrough at @23:45, priceless!
    So there's actually a guard on the route but you can login with the right body data? neat!!

  • @seanki
    @seanki 2 роки тому +4

    Awesome tutorial thanks, I love that you included regular sessions as well and not ONLY a JWT implementation. Kudos!

  • @asogbaibrahim9618
    @asogbaibrahim9618 Рік тому +1

    I love this tutorial. Clear as Spring water 💯

  • @usmanakram5458
    @usmanakram5458 2 роки тому +2

    Such a masterpiece bro♥️ everything is perfect in this video 🏳️🙌

  • @abhishekchintagunta8731
    @abhishekchintagunta8731 2 роки тому

    Good job Marius, really appreciate your explanation. As I am transitioning to IT side, I find these videos very helpful.

    • @mariusespejo
      @mariusespejo  2 роки тому

      Awesome, I wish you luck on your transition!

  • @jamaludinsalam
    @jamaludinsalam 2 роки тому

    Thankss! very usefull. in the last two days, i got Understand this Framework because of you, thank man🙏
    Keep it up

  • @MisaoM
    @MisaoM 2 роки тому +1

    Absolutely awesome tutorial, thank you so much! Your explanation is very clear and to the point, you're a fantastic teacher! :D

  • @axelle9764
    @axelle9764 3 місяці тому

    Great tutorial! Very detail and useful. Keep up the good work

  • @amadeuszrogowski6643
    @amadeuszrogowski6643 2 роки тому

    These video series are awesome! Thank you Marius :)

  • @faez322
    @faez322 2 роки тому +1

    Awesome, please continue ;)

  • @thelanelim92
    @thelanelim92 2 роки тому

    Another great video Marius!

  • @josipkes
    @josipkes 4 місяці тому

    Extremely valuable content, thanks.

  • @mohammedlotfy
    @mohammedlotfy 3 роки тому

    Great vid Marius we expect more 👏👏

  • @user-ux9ud7gf6q
    @user-ux9ud7gf6q 2 роки тому

    Thank you so much for making this video! I loved it 😍

  • @germanwibaux6923
    @germanwibaux6923 2 роки тому

    Excellent tutorial and better explanation!

  • @jazun33
    @jazun33 3 роки тому

    This was IMMENSELY helpful. THANK YOU!

  • @visualbonus8880
    @visualbonus8880 9 місяців тому

    This was awesome!

  • @devbel
    @devbel 11 місяців тому

    Great one 👌 Thanks

  • @maxbraun6271
    @maxbraun6271 10 місяців тому

    Great video thank you!

  • @jarvisprestidge
    @jarvisprestidge 3 роки тому +1

    Awww yiss another Marius Espejo Nest vid 🔥

  • @kobakamladze4175
    @kobakamladze4175 Рік тому

    Thank you for your effort!

  • @hasst9261
    @hasst9261 3 місяці тому

    Cool content
    Rly helpful
    Ty!

  • @meakdararoath1691
    @meakdararoath1691 Рік тому

    love your videos dude very clear explanation

  • @josephbandawe8722
    @josephbandawe8722 2 роки тому

    You are awesome! You cleared some very problematic issues for me. Thanks

  • @dj-davo-mtz
    @dj-davo-mtz 10 місяців тому

    Great video! It helps me a lot, thank you!

  • @mochamadrasyad338
    @mochamadrasyad338 10 місяців тому

    Awesome !! 🔥🔥, Thank you very much

  • @bgabriel7581
    @bgabriel7581 3 роки тому

    Thanks for your video, i loved!!!

  • @ladanski
    @ladanski 3 роки тому

    Thanks for your content Marius. They are immensely helpful.

    • @mariusespejo
      @mariusespejo  3 роки тому +1

      I’m glad! thanks for stopping by to comment

    • @ladanski
      @ladanski 3 роки тому

      @@mariusespejo THANK YOU 😎👍🏾

  • @user-ez6xb3rf3p
    @user-ez6xb3rf3p 3 роки тому +17

    You are gonna be famous soon

  • @warpmonkey
    @warpmonkey 2 роки тому

    Thanks for the great video!

  • @fernandogomez83
    @fernandogomez83 2 роки тому

    Great video!

  • @vianch_tog
    @vianch_tog 2 роки тому

    Really really good fundamental tutorial!!!!
    thanks

  • @musbell
    @musbell 2 роки тому

    Thanks, @Marius! The video is so helpful, I really learnt a lot.

  • @pranavyeole102
    @pranavyeole102 2 роки тому

    This was definitely very useful. Thank you so much 😁

  • @jaumoso23
    @jaumoso23 Рік тому

    Thank you so much for this tutorial

  • @AnthonyDev
    @AnthonyDev 2 роки тому

    Thanks, great explanation.

  • @AliAliOxenFree
    @AliAliOxenFree Рік тому

    this is an excellent video. your explanation is spot on. thank you for taking the time to make these

  • @kthalyn001
    @kthalyn001 3 роки тому

    Hi Marius, thank you very much for your video. I hope your channel will grow more and more. Have a nice day :D

    • @mariusespejo
      @mariusespejo  3 роки тому

      thanks Badinescu! glad you’re finding the channel useful!

  • @leucthinh3226
    @leucthinh3226 Рік тому

    I appreciate what you did for community

  • @swapnilcodes
    @swapnilcodes Рік тому

    Awesome !

  • @SergiySev
    @SergiySev Рік тому

    thank you so much for this tutorial!

  • @elrenzo
    @elrenzo 2 роки тому

    Amazing , thanks 😀

  • @carlosteixeira4304
    @carlosteixeira4304 Рік тому

    Great tutorial bro. It's easy undestandable even to a beginner like me. Nice Job!

  • @markopavic7012
    @markopavic7012 3 роки тому

    Clean and clear , great tutorial...

  • @josegonzalez-jg1kj
    @josegonzalez-jg1kj 2 роки тому

    Excelent!

  • @tukuyoma
    @tukuyoma 2 роки тому +1

    Great video

  • @abidalisidd
    @abidalisidd 2 роки тому

    There are so many classes you have created. It is good for separation of concern as you said. There should be a slide to explain the flow of uses of those classes. Ex: Class A used by Class b and Class b used by Class C. This will make it very easy to understand to the viewers.

    • @mariusespejo
      @mariusespejo  2 роки тому +1

      Everything in nestjs is a class, don’t over think it, each one has a given purpose which you can usually easily determine by naming conventions, e.g. guard, controller, strategy, service, etc.

  • @sleepaleart12
    @sleepaleart12 2 роки тому +2

    Thank you for all these NestJS tutorials they are really helpful!

  • @argya2073
    @argya2073 7 місяців тому

    thank you marius, your are awesome

  • @nikelborm
    @nikelborm 2 роки тому

    It`s awesome work! Thx, broo

  • @abubakarsani3463
    @abubakarsani3463 10 місяців тому

    This is excellent

  • @LasekToJa
    @LasekToJa 3 роки тому

    Love your videos, thank you for help.

  • @pavolslovak3063
    @pavolslovak3063 2 роки тому

    Very understandable. You helped me, thanks :)

  • @thongtech1984
    @thongtech1984 2 роки тому

    Yes, another awesome awesome videos,

  • @MartinezFortino
    @MartinezFortino 2 роки тому

    Very useful info. Thank you for the patient and detailed explanation.

  • @milightingdesign3612
    @milightingdesign3612 2 роки тому

    Thanks Marius your explanation was very clear and with details. This help me to add authentication to my project. Your content is awesome and very complete. Thank you so much for this video. I can't even say how much this content help me. thanksssssssss

    • @mariusespejo
      @mariusespejo  2 роки тому +1

      I’m glad to help 😄 thanks for stopping by to comment!

    • @milightingdesign3612
      @milightingdesign3612 2 роки тому

      @@mariusespejo thanks to you for create this video

  • @thomasdaquinzomahounhele8889
    @thomasdaquinzomahounhele8889 11 місяців тому

    thank you very much, your work is clear and it is very easy to follow you through the whole video

    • @mariusespejo
      @mariusespejo  11 місяців тому +1

      Thank you Thomas! Glad you think so!

  • @mbarekamehry8788
    @mbarekamehry8788 2 роки тому +1

    Your effort is highly appreciated, Marius. Very helpful thanks!

  • @Bryan-bh7cy
    @Bryan-bh7cy Рік тому

    you are a legend

  • @sherifyousry5586
    @sherifyousry5586 2 роки тому

    Very good job , Thanks a lot!

  • @aben7810
    @aben7810 Рік тому

    over separation of concerns. thanks for the tutorial anyway. I don't know why Nest is making everything complicated, yet people enjoying it, frankly.

    • @mariusespejo
      @mariusespejo  Рік тому +1

      Convention over configuration. You learn how to do this stuff once for a nest app, and can probably jump to any other nest app that will mostly be structured the same.
      Try making 5 different devs build the same API using express and they likely will come up with their own patterns and conventions because Express is too flexible/minimal. A large express app can easily become spaghetti. Eventually you realize you need conventions and defined architectures, plus you’d also benefit with adding TS… at which point you might as well just use Nest.
      Alternatives outside express/nest? Yeah there’s a couple. Try comparing the features and their overall ecosystem and you’re likely to find that it’s not as great. But of course YMMV

  • @Thilina4321
    @Thilina4321 3 роки тому +1

    Thank you very much

  • @JamesBower
    @JamesBower 2 роки тому +2

    It would be terrifically useful if you would build the client side login flow that connects with the JWT strategy. This tutorial was really clear and concise.

    • @mariusespejo
      @mariusespejo  2 роки тому

      Thanks, will consider it! For the most part the client-side is really just all about managing/storing that jwt somewhere and making sure it’s included in the headers of each request to your API. I’ll try to make a video about it sometime.

  • @bozabonilla
    @bozabonilla 2 роки тому

    I looking for this same but with graphql, good video my friend, it will help me

  • @DevNiklesh
    @DevNiklesh 3 роки тому +2

    Best Nest.js content on YT so far.. Keep up the good work man @Marius

    • @mariusespejo
      @mariusespejo  3 роки тому +1

      thanks Dev! glad you like the content

  • @tastaslim
    @tastaslim 3 роки тому

    Awesome man

    • @mariusespejo
      @mariusespejo  3 роки тому

      🙏

    • @tastaslim
      @tastaslim 2 роки тому

      @@mariusespejo Can you make a Role-based access control video in Nest where we protect APIs using scopes.

  • @ashishkumari-yg4gn
    @ashishkumari-yg4gn Рік тому

    Thank you sir

  • @canmertinyo
    @canmertinyo 11 місяців тому

    Thanks :)

  • @kurtestacion6113
    @kurtestacion6113 3 роки тому +16

    Can you do more of nestjs with graphql like auth and/or microservices. That would be a unique content!

    • @mariusespejo
      @mariusespejo  3 роки тому +12

      will definitely look into that more, I’m still learning a lot of the best practices with graphql myself

    • @yazeerahamed763
      @yazeerahamed763 3 роки тому

      second that

    • @francisabonyi7115
      @francisabonyi7115 2 роки тому

      @@mariusespejo Can't wait to learn that combination from a master like you

    • @mariusespejo
      @mariusespejo  2 роки тому +2

      hey folks, just following up: new video just posted on doing this same auth topic but in graphQL specifically

  • @robertkaminski1781
    @robertkaminski1781 3 роки тому

    Nice would be part 2 with refresh token. Tanks for video. ( I m from Erick )

  • @oddfeeling7956
    @oddfeeling7956 2 роки тому

    Your background image is the hero image of my portfolio lmao

  • @lasantharangakumara9263
    @lasantharangakumara9263 3 роки тому

    Thank You :) :)

  • @dylanbourbotte3660
    @dylanbourbotte3660 2 роки тому

    Thanks

  • @kartikgarasia5685
    @kartikgarasia5685 2 роки тому

    Very height quality content! Thanks Marius.

  • @kimhyungchae
    @kimhyungchae 3 роки тому

    잘하네요👍

  • @vincent-thomas
    @vincent-thomas 2 роки тому

    This was soo good! Please post (pun intended) a video where you handle sign up and remove account!!!

    • @vincent-thomas
      @vincent-thomas 2 роки тому

      With JWT!

    • @mariusespejo
      @mariusespejo  2 роки тому

      Thanks! Will consider a specific video on that topic. Not really much to it though, sign-up is basically almost the same as login, but obviously you’d be adding to a db table of users, and removing is simply deleting that record

  • @romanpshenichnyy9837
    @romanpshenichnyy9837 2 роки тому

    Thanks a lot man, that was a super good material for me. Hope u will get the best in this life, good luck!

  • @resqiar
    @resqiar 2 роки тому

    Thank you so much for your effort making this!

  • @adeyemisunday6866
    @adeyemisunday6866 Рік тому

    Marius the Genius....#Legend

  • @sarvarumurzakov4332
    @sarvarumurzakov4332 2 роки тому

    Awesome. Your Tutorials about Nest are the best in UA-cam, even better than in Udemy

  • @eliotistube
    @eliotistube 2 роки тому

    Great video Marius!
    You made clear a lot of points around authentication that were a bit confusing to me.
    Could you possibly make a video about authentication using JWTs with NestJS and GraphQL (code first)?
    Thanks again!

    • @mariusespejo
      @mariusespejo  2 роки тому

      Thanks Takis! Definitely looking to dive into more graphql stuff

    • @mariusespejo
      @mariusespejo  2 роки тому +1

      fyi just published a new video specifically on that topic!

  • @MultiShokk69
    @MultiShokk69 Рік тому

    Awesome tutorial like always thank you,
    If you can do some new tutorial in vuejs / nestjs it will be awesome

  • @ms0615122
    @ms0615122 2 роки тому

    Hi, Marius I got a question, why the method validate that in JwtStrategy return the object coordinates to req.user at 1:02:42?
    Thanks 🙏