How To Manage User Roles In Node.js

Поділитися
Вставка
  • Опубліковано 24 лип 2024
  • 🚨 IMPORTANT:
    1 Year Free Hosting: www.atlantic.net/webdevsimpli...
    Use code KYLE for an additional $50
    User permission systems are the core of nearly every application. From Reddit to accounting every site needs to manage user permissions, but that is much easier said than done. In this video I will be showing you exactly how to set up a flexible and robust user permission system which you can use in any Node.js application.
    📚 Materials/References:
    Starting GitHub Code: github.com/WebDevSimplified/n...
    Ending GitHub Code: github.com/WebDevSimplified/n...
    HTTP Status Codes Tutorial: • Learn HTTP Status Code...
    🧠 Concepts Covered:
    - How to handle user auth in Node.js
    - How to create flexible user permissions in Node.js
    - How to manage scoped routes in Node.js
    🌎 Find Me Here:
    My Blog: blog.webdevsimplified.com
    My Courses: courses.webdevsimplified.com
    Patreon: / webdevsimplified
    Twitter: / devsimplified
    Discord: / discord
    GitHub: github.com/WebDevSimplified
    CodePen: codepen.io/WebDevSimplified
    #Node.js #WDS #UserPermissions

КОМЕНТАРІ • 294

  • @cdporgrammer7168
    @cdporgrammer7168 4 роки тому +137

    Man I wonder if Kyle actually realises how much he helps us out with his vids man
    Respect man

    • @MrEnsiferum77
      @MrEnsiferum77 4 роки тому

      React kids won't understand u...

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

      @@MrEnsiferum77 реакт тут причем?

  • @hnasr
    @hnasr 4 роки тому +242

    Legend! Love the way you clearly explain these concepts in a simple way. Cheers bro. You are on my recommended channel list on my YT

    • @AmanNidhi
      @AmanNidhi 4 роки тому +8

      i recommend you both on mine

    • @neon13x
      @neon13x 3 роки тому +7

      Legend praising another legend

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

      This comment section is pretty legendary

    • @JD-hq1kn
      @JD-hq1kn 11 місяців тому

      Ok

  • @mrsmasked180
    @mrsmasked180 4 роки тому +17

    You're simply the best out there because you explain your content very well and you go straight to the point, respect man you're a legend !

  • @eduardonunes1379
    @eduardonunes1379 4 роки тому +4

    This video is so motivating since I was taking a break from programming bc of authentication and authorization. Thank you so much!

  • @ridl27
    @ridl27 4 роки тому +12

    such a clear explanation, thank you!

  • @taquilol
    @taquilol 4 роки тому +132

    pretty much exactly the video I needed for a project. My man web dev simplified is a legend.

    • @cdporgrammer7168
      @cdporgrammer7168 4 роки тому +1

      You get it m8

    • @sohailkashif6992
      @sohailkashif6992 4 роки тому +1

      @@cdporgrammer7168 dear how it connect with mongodb?

    • @tyrrelldavis9919
      @tyrrelldavis9919 4 роки тому +1

      Very true.
      He is one of the few "bigger" code UA-camrs that has beneficial stuff I've used in real projects

    • @tyrrelldavis9919
      @tyrrelldavis9919 4 роки тому +1

      @@sohailkashif6992 a common cope I would get hit with in boot camp was,
      "Depends on your use case"
      Which it actually does.
      Having a hard time understanding the relationship between a user of the database
      And
      A user that is using the site.

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

      this dude is literally a mentor

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

    Awesome video. Concept of modularity with pure functions make this truly scalable.

  • @HashimWarren
    @HashimWarren 4 роки тому +1

    Love the progression in this video. Super clear

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

    Thanks so much for this. One of the better Node tutorials I've seen.

  • @jmmacatangay_grizzlybear
    @jmmacatangay_grizzlybear 4 роки тому +1

    I always keep telling everyone to subscribe to your channel. you're really great really hoping people would recognize you more often.

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

    Currently I'm learning MEAN and this is exactly what I need for my pet project. Thank you so much for what you're doing!

  • @kmparkhu
    @kmparkhu 4 роки тому +1

    Yay!!!!!!!!!!!!!!!!!!! So awesome!!! Thank you !!!! I was just thinking about this because I been following your other tutorials and I love them. I am excited to watch this video.

  • @dthoma128
    @dthoma128 4 роки тому

    Kyle ... great tutorial ... very glad I found your channel! Thank you.

  • @pprathameshmore
    @pprathameshmore 4 роки тому +1

    Before watching this video, I was creating separate documents for admin and user. Thank you for such a clear explanation tutorial.

    • @sandVidz
      @sandVidz 4 роки тому +1

      I did that and submited lol. Had to pay for that in viva.

  • @riadhossain4020
    @riadhossain4020 4 роки тому +1

    Kayel your videos are greate for intermediat developers. Clear and simple explanations. Have been following you. You are recommended.

  • @jeffmair
    @jeffmair 4 роки тому

    Your tutorials are top notch Kyle!

  • @NorteXGame
    @NorteXGame 4 роки тому +4

    Never happier when any youtuber uploads

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

    Just found your channel, loving it so far.

  • @stylesoftware
    @stylesoftware 4 роки тому +1

    Awesome, helped me with some of my lingering middleware integration ignorance. Well explained!

  • @coanjos
    @coanjos 4 роки тому

    This video came in the perfect time. Thank you!

  • @rfossella
    @rfossella 4 роки тому +3

    As usual, great video - clear, concise and immediately usable. Thanks!

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

    Thank you very much! This is exactly what I needed for my project!

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

    Exactly the video I needed. Thanks man.

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

    Your video helps me a lot. I really appreciate your effort.
    Thank you so much!

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

    Thank you so much Kyle. I found this very helpful.

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

    Enjoyed the turotial throughly!

  • @feminjustin2478
    @feminjustin2478 4 роки тому

    you explain things so simply....easy to follow.....

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

    very clear, it’s helpful in my project. Thanks a lot

  • @thejasong01
    @thejasong01 4 роки тому

    YOU ARE AWESOME thankyou for putting great content, with fast but effective and SIMPLE :)

  • @adithyasanthosh30
    @adithyasanthosh30 4 роки тому

    Nice. Introductory tutorial on how to manage user roles.

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

    Thank you for such an amazing tutorial!

  • @BBI-Brandboost
    @BBI-Brandboost 4 роки тому

    Thanks for sharing, it is nice and easy to follow which is a massive help.

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

    This is the best video about role based authentication...Thanks

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

    that was a great video thankyou so much!

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

    Thank you so much for the tutorial video it's quite informative and professional

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

    Awesome. You are the best. I wonder who could be so unfair to dislike it?

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

    Your video help me too much thanks 🙏

  • @user-qo3fu1lb2l
    @user-qo3fu1lb2l 5 місяців тому

    Thank you very much. This video... no, all your videos I watched are amazing and helpfull!

  • @LabhamJain
    @LabhamJain 4 роки тому +1

    You've Successfully Simplified Web For Us. Mission Accomplished 😎

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

    wow! such a great tutorial. thanks for the guide!

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

    Thank you. This was a great learing experience.

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

    Just want to say thankyou man. Words are short here.

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

    OMG! thank you. I believe in Web Dev Simplified supremacy!!!!!

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

    best teacher ever

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

    Really amazing explanation!

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

    YOu are amazing... Really simplified complex things

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

    You have helped me alot In React js

  • @swibay
    @swibay 4 роки тому +1

    My name is Kyle and my job is to simplify the web for you!
    Your tutorials are always gre8!

  • @thinkdomotic4915
    @thinkdomotic4915 4 роки тому

    Great content, very helpful, thanks lots

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

    Very good explained , Love from India.

  • @thedevlife
    @thedevlife 4 роки тому +1

    Great content. Gives motivation to keep our channel going.

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

    Thank you, Kyle.

  • @edisvelicanin8854
    @edisvelicanin8854 4 роки тому

    exactly what i was looking for

  • @nirmesh44
    @nirmesh44 4 роки тому

    Perfect. Very nicely done

  • @fullstackgreekdeveloper8033
    @fullstackgreekdeveloper8033 4 роки тому

    Thank you for this video!

  • @talha-cs
    @talha-cs 2 роки тому

    Nicely explained

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

    too good. I did a version in typescript but followed your flows. Thanks

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

    THANK YOUUUUUUUUUUU!!!!!! I finally understand this.

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

    great as usual

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

    Kyle ... One Word: Genius

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

    This is what i want , u are awesome sir 🤘🤘🤘

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

    Literally god tier content

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

    thanks for this man

  • @omar9987
    @omar9987 4 роки тому +7

    It would be awesome if you could create like a mini blog[or anything] with react & express that uses user-based roles. I'm trying to add user based rules to my react app :p

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

    Great layout of material.

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

    Loved it :)

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

    Found what I am looking for thanks.

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

    Thank you very much , as always easy explanations.
    Please add how to protect the server from attacks like ddos and brute force attack.

  • @indigosay
    @indigosay 4 роки тому

    I was just about to look for this information

  • @iurii7752
    @iurii7752 4 роки тому

    The best educational videos

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

    best video, way to go

  • @jacob.lee380
    @jacob.lee380 2 роки тому

    Every time I get stuck in something and try to solve a problem by myself. I'm always ended up on your video finding a solution

  • @tough_year
    @tough_year 4 роки тому

    Awesome video !!!

  • @shuvokhan2054
    @shuvokhan2054 4 роки тому +5

    You're my boss ❤

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

    Awesome video

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

    Lovved it thanks

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

    So good tutorial

  • @vidumini23
    @vidumini23 4 роки тому

    Very useful. Thank you..

  • @tharhtetkyaw7528
    @tharhtetkyaw7528 4 роки тому

    thanks you are a legend

  • @agasthya3693
    @agasthya3693 4 роки тому

    Hey Kayle please do video on Gulp, Grunt, webpack and parcel & when to choose which tool

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

    I would recommend to assign every role an int so you can calculate up and downwards !
    Edit: To calculate the inheritance of the groups if given!

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

      Why ? explain briefly please..

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

      @@montasirmahmud3585 Then you can just use bit calculations to check if a role is hierarchically over another role or not by for example using >=

  • @benjamincisneros797
    @benjamincisneros797 4 роки тому +3

    Great video. I just think one small refactor is to use the canViewProject function inside your filter for scopedProjects

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

    I've got a permission system where the permissions are strings like "mail.create" or "mail.*". Each user has an array of permissions, and the permission strings are referenced in a POJO that maps object keys to permission names. So if you have an endpoint that should be accessible to anyone with a mail permission, you call `hasAnyPermission(req.user, Permissions.mail)` where Permissions.mail is an object containing more fine-grained permissions, and that endpoint would be accessible to anybody with a "mail.(whatever)" permission. "*" is a wildcard that refers to all sub-permissions, so if someone has the permission "*" then they're a superuser, and if they have the permission "boards.*" then they can do anything on any image board. There are some functions, like `hasAnyPermission` or `hasPermission` that you stick at the beginning of your route handler to enforce the permissions.
    Of course you don't have to put them at the beginning of your route handler - the entire frontend of the app is handlebars so I also use them on specific pages where I want to display some items/links but each link requires a separate permission. I'm actually pretty surprised that I've made it this far using only handlebars and plain JS for the frontend. The backend is NodeJS with Typescript which is great but I've managed to write a multiplayer FPS almost entirely in plain JS (server-side is that typescript nodejs I just mentioned) and build a forum engine and now I've set up a mail server and a way for users to create and manage email addresses on my domain. handlebars may not be flashy but damn if I like it

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

    Thanks for the great tutorial. In the end, I'm just wondering (if we work with real data obtained from the database), what is the best way to filter the data (in this case the scopedProjects function).
    If we have a lot of data, in this case we need to fetch all of them and then filter them. Isn't it better (in terms of performance) to check the role first and then pull only specific (filtered on db query level) data from the database?

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

    Thanks man

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

    You always get me bro

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

    Big thanks

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

    Thank you so much

  • @ayoubalem865
    @ayoubalem865 4 роки тому +20

    7:11 Th res.Status Should be 401 Not 403
    401 Means Unauthorized , Forbidden Mean He is Sign Up But he doesn't have the permission to access to the given operation.
    Thank You btw !

    • @Study-bt6qh
      @Study-bt6qh 10 місяців тому

      kakashi hatake😍😍

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

    Very good ❤

  • @indigosay
    @indigosay 4 роки тому

    I added this video to my Gold Collection

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

    This is so cool

  • @joylearn2868
    @joylearn2868 4 роки тому

    Kyle!!!
    I want to store a string like '' string'' in a variable, which each character store in a variable or array, which come from an input

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

    So accurate with the name web dev SIMPLIFIED

  • @tranquility6358
    @tranquility6358 4 роки тому +47

    I believe you mixed up the status codes a bit.
    401 Unauthorized - send this code when the user is not authorized to view the content (as in the user didn't login)
    403 Forbidden - send this code when the user is logged in, but is not allowed to view specific content
    The difference between these status codes is that 401 should be sent if authorization fails, but proper authorization is possible while 403 is sent when the user is authorized, but doesn't have the required permissions.

    • @ArthurCowdery
      @ArthurCowdery 4 роки тому +1

      are you sure?
      authentication means verifying identity. It gets confusing because the header used to authenticate is called 'authorization' but it is still authentication and 401.
      authorization means verifying permissions which is 403

    • @brielov
      @brielov 4 роки тому +10

      I agree... 401 is for unauthorized (not logged in) and 403 is forbidden (resource authorization)

    • @Hadermite
      @Hadermite 4 роки тому +4

      @@ArthurCowdery Yes, he's correct. The title of the status code is a bit messed up, should probably have been "Unauthenticated" instead, it generates a lot of confusion.

    • @andrejvujic
      @andrejvujic 4 роки тому

      @Jovan Jevtic jovaneeeee

  • @h4kster182
    @h4kster182 4 роки тому

    Nice explanation

  • @syedovaiss
    @syedovaiss 4 роки тому

    Hi. Can you give me an idea how to apply this logic
    User submitted a form if admin approved that user's form it will be shown otherwise not

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

    More tutorials please!

  • @yadneshkhode3091
    @yadneshkhode3091 4 роки тому

    Thank you !!!

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

    Thank you ❤️