Live Coding JWT Authentication with Vue, Vuex, and Express

แชร์
ฝัง
  • เผยแพร่เมื่อ 5 ส.ค. 2020
  • just hacking in a live code with vue, express, and jwt to build out some simple authentication.
    ------------
    For those who don't know, I'm a full stack web developer who has been in the industry for over 5 years now. There is a lot of things I have learned along the way and I'd like to share that knowledge with anyone wanting to learn!
    like this video if you found it useful and would like to see more videos of the same content.
    subscribe to my channel if you are trying to improve your abilities as a web developer, software engineer, or even if you are just learning to code.
    Don't forget to turn on those bell notifications!
    Book mark these links!
    Twitter / codylseibert
    Discord / discord
    GitHub github.com/codyseibert/youtube

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

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

    It's always better when someone goes along stumbling, figuring things out, and putting everything together, then appearing like a PERFECT master all the way. Much better learning experience. Keep up the good work. Just Subbed. :)

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

      So true!

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

      If you're going to teach people, better have some good aknowledge about the matter subject

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

    I love this, it totally feels like I am doing the searches for documentation hehe. Well actually this skill of searching and using docs so fast is underrated tbh and I appreciate how you kind of taught it along the way.

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

    hi, thanks for the tutorial. Very clear and helped me 🤩

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

    great lesson! Please continue the authentication topic by creating a chat or to-do list with user registration using the json-server and the db user list.json, private routers, create user roles such as administrator, user, moderator. Save the token in localstorage.

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

    cool! well explained

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

    Enjoyed this awkward tutorial! Will check some more from your channel. Cheers

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

    Your full stack Vue and Express js tutorial on freecodecamp made me get into web development! Keep up the good work!

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

      Great to hear!

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

      @@WebDevCody great job! Continue the topic, but only with modern technologies: Axios, VUE,VUEX, user.json+json-server. Please show me how to store the user's request history in Localstorage. How to create roles, private route, will be interesting. Thanks.

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

    You explained well I just feel you get nervous with mistakes which I think you don't need to be we love figuring out with you

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

      Sheldon Fourie debugging live is scary man!

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

      @@WebDevCody I think it's awesome and even if you break it into parts to explain the more complicated parts would be cool. I love how simple it looks yet still stylish and explains the backend!

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

    Thank you very much

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

    nice, I'm really first with the frontend thank you for sharing

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

    Exactly what I wanted

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

      Mark 😎 awesome!

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

    excellent, thanks

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

    Nice tutorial 👏👏👏👏

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

    Great, thank you!. Any tip for the logout endpoint?

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

      Usually you just delete the user and token from the client to logout. There isn’t really a logout endpoint unless you’re using sessions or need some type of black listing mechanism for the refresh token to prevent it from working anymore

  • @user-rp3kn9tm7r
    @user-rp3kn9tm7r 3 ปีที่แล้ว

    good explanations with all the mistakes. worth to watch it. thx.

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

    we like figuring out things with you ...we LIKE it remember it

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

    Which version are you using? Vue2 Vue3

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

    how do I keep the state? it always logs out after refresh?

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

      you'd want to use local storage

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

    First! ❤️

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

      Tinta Second!!!

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

      love you!

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

      shazz286 yassss family!!!! When he gets rich we better be on that private plane with him

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

    Hi guys. I got 401 errors ( unauthorized ) when token is expiredOn. how can I remove token when it got 401 (uauthorized)

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

      You need to implement refresh logic using a refresh token. Sorry I didn’t cover it in this video.

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

      my token is in local storage (1 day) and it is not refresh token then I wanna remove token in local storage when it got 401 (unauthorized)

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

    you sound like tobias forge

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

      Idk who that is, but cool!

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

      @@WebDevCody th-cam.com/video/UdKwv_nKv20/w-d-xo.html

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

    __