1. Luồng xử lý Authentication với JWT, cơ chế Refresh Token tự động | TrungQuanDev

#trungquandev #jwt #axios
👉 Video ngày hôm nay mình sẽ hướng dẫn tới các bạn cực kỳ đầy đủ và chi tiết về Luồng xử lý Authentication với JWT, (Jsonwebtokens) cũng như cơ chế Refresh Token tự động để làm mới lại Acces Token khi bị hết hạn.
Sau đó sẽ là Demo thành quả ứng dụng code chỉn chu đầy đủ, và cuối cùng là toàn bộ nội dung Playlist chất lượng, xịn xò này nhé.
➡️ Học chuẩn thực tế để đi làm, để chuẩn bị hành trang vững chắc cho sự nghiệp tương lai.
---
🌱 Tham gia hội viên kênh để ủng hộ mình nhé! Cảm ơn bạn 🍀 : / @trungquandev
🌐 Full Playlist của khoá học: • Tất tần tật về xử lý A...
🌳 Một kênh tiếng Anh khác từ mình, luyện skill bằng cách code những project thú vị: / @code-tq
---
🎤 Mình trên các nền tảng Podcasts:
🎵 Spotify: podcasters.spotify.com/pod/sh...
🎵 Apple: podcasts.apple.com/vn/channel...
🎵 Castbox: castbox.fm/ch/5746721
---
👋🏼 Join những cộng đồng lập trình văn minh lịch sự dưới đây nhé:
🔗 Discord: Cộng Đồng Lập Trình Việt Nam 🇻🇳 : / discord
🔗 Page: TrungQuanDev - Một lập trình viên: / trungquandev
🔗 Group: Cộng đồng Lập Trình Web • Front-end & Back-end Việt Nam: / laptrinhwebvietnam
🔗 Blog: trungquandev.com
🔗 CV: cv.trungquandev.com
---
🎒 Danh sách một vài món đồ trong góc làm việc của mình:
🌐 Bàn phím cơ Meletrix Zoom75: shope.ee/4AZxyEgM1T
🌐 Switch WS Morandi: shope.ee/7f9gHaQlnN
🌐 Máy ảnh & Quay phim Sony ZV-1: shope.ee/409eX1GvD8
---
📝 Video Chapters - nội dung chi tiết:
00:00 Mở đầu
00:25 Mình là ai? Hôm nay chúng ta học gì?
00:56 Hiểu sơ đồ luồng xử lý Authentication với JWT, Axios Interceptor...vv
09:04 Playlist này là dành tặng cho các bạn, hãy ủng hộ mình nhé.
12:39 Demo thành quả xịn xò, chất lượng
16:10 Wrap Up, Tổng kết lại toàn bộ thông tin
---
📝 Link tài liệu để các bạn tham khảo mà trong video mình có nhắc đến:
- Hiểu sâu về JWT - JSON Web Tokens: (bài viết chính chủ :D)
trungquandev.com/hieu-sau-ve-...
---
| 💻 TRUNGQUANDEV - MỘT LẬP TRÌNH VIÊN ☕️ |

Пікірлер: 46

  • @Tony-pq4ng
    @Tony-pq4ng2 күн бұрын

    series này có tâm thật sự, Dave Gray cũng có 1 series như này nhưng không có vẽ mind map và giải thích cụ thể như vậy

  • @trungquandev

    @trungquandev

    2 күн бұрын

    Cảm ơn bạn nhé, content trên kênh mình lâu nay luôn làm rất chỉn chu và cẩn thận với slogan là chia sẻ kiến thức thực tế giá trị thực sự. Rất mong được các bạn ủng hộ kênh nhé. Have a good day 🤝

  • @Tony-pq4ng

    @Tony-pq4ng

    Күн бұрын

    @@trungquandev cảm ơn anh đã dành thời gian chia sẻ kiến thức cho cộng đồng

  • @trungquandev
    @trungquandevАй бұрын

    🔔Thử Join những cộng đồng lập trình văn minh lịch sự ở đây nhé bạn: 🔗Discord: Cộng đồng lập trình Việt Nam 🇻🇳 : discord.gg/ycSbhP6gDu 🔗Group: Cộng đồng Lập Trình Web • Front-end & Back-end Việt Nam: facebook.com/groups/laptrinhwebvietnam

  • @tungphunghuu934
    @tungphunghuu93427 күн бұрын

    series xịn quá, phải vào quẩy code gấp thôi 🥳🥳🥳

  • @trungquandev

    @trungquandev

    26 күн бұрын

    Coi như ôn luyện thêm vụ lưu token ở cả 2 nơi localstorage và httpOnly cookie nhé ^^

  • @youngtee_01
    @youngtee_01Ай бұрын

    lâu lắm mới thấy anh ra video hehe

  • @trungquandev

    @trungquandev

    Ай бұрын

    Ừa đợt rồi anh bận công việc chính cũng khá nhiều nên mới tranh thủ sắp xếp mãi mới xong được bộ này đó :)))

  • @nguyenanh-vt4jv
    @nguyenanh-vt4jvАй бұрын

    like thứ 3 anh ơi =]]]]]]

  • @trungquandev

    @trungquandev

    Ай бұрын

    Tốc độ quá =)))

  • @SonTran-tq3ej
    @SonTran-tq3ejАй бұрын

    hồi chiều mới thi sơ đồ tuần tự tối xem clip của a Quân lại gặp sơ đồ tuần tự kkk

  • @trungquandev

    @trungquandev

    Ай бұрын

    Đúng người đúng thời điểm để tranh thủ ôn luyện lại kẻo thi xong quên hết :))))

  • @SonTran-tq3ej

    @SonTran-tq3ej

    Ай бұрын

    @@trungquandev đợi thi xong e sẽ đăng kí hội viên để ủng hộ a kk

  • @trungquandev

    @trungquandev

    Ай бұрын

    @@SonTran-tq3ej ừa anh chờ những comment của em trong bộ đó nha ^^

  • @thanhphat9311
    @thanhphat9311Ай бұрын

    Sẽ thật tuyệt vời hơn nếu a có riêng 1 concept về server side rendering cho ReactJs hoặc các Frameword Frontend Javascript ^^

  • @trungquandev

    @trungquandev

    Ай бұрын

    Đợt tới mà đỡ bận rồi anh làm về NextJS cho là có hết, mà Framework nha, gõ phím từ từ cẩn thận =))

  • @thanhphat9311

    @thanhphat9311

    Ай бұрын

    @@trungquandev ùi em gõ ẩu quá. Vậy thì hay quá a ơi hihi

  • @mquan03
    @mquan03Ай бұрын

    em học với anh ơii. 😆

  • @trungquandev

    @trungquandev

    Ай бұрын

    Quẩy thôi :))) Trong bộ này ngoài HttpOnly Cookie anh còn dạy thêm cả cách Local Storage đó :)))

  • @codewithvika
    @codewithvikaАй бұрын

    đúng thứ em đang cần, nếu có thể anh có thể làm về react hook form được k anh :))))

  • @trungquandev

    @trungquandev

    Ай бұрын

    ừa react-hook-form cũng đơn giản á, để đợt nào sắp xếp ổn công việc anh sẽ làm dần hết :))

  • @YunaCrystal3009
    @YunaCrystal3009Ай бұрын

    Đăng ký hội viên thì video có dc tải về để xem từ từ không a nhỉ

  • @trungquandev

    @trungquandev

    Ай бұрын

    Cái này cơ chế của youtube anh cũng không rõ. Cơ mà anh để phần hội viên cấp Ninja Coder là đã xem được thoải mái rồi. Cũng không đáng bao nhiêu / 1 tháng đâu. Em cứ cân nhắc nhé :))

  • @zenry-io2jt
    @zenry-io2jtАй бұрын

    Bạn cho mình hỏi là font-end reactjs hay nextjs vậy bạn, back-end dùng ngôn ngữ gì, và gói nào của hội viên thì xem được các video này

  • @trungquandev

    @trungquandev

    Ай бұрын

    - Front-end: ReactJS, MUI, Axios - Back-end: Node.js, ExpressJS - Gói thấp nhất, bạn click vào video là sẽ thấy đó.

  • @DevHunterNguyen
    @DevHunterNguyenАй бұрын

    Dạ anh có dự định làm tiếp chuỗi video về ReactJS Master nữa không ạ

  • @trungquandev

    @trungquandev

    Ай бұрын

    Có nha em :))

  • @thinkaboutlife47
    @thinkaboutlife47Ай бұрын

    Video hay quá anh ơi!! mà a cho em hỏi chút xíu về công việc Remote hiện tại của anh thì có Y/C tiếng Anh phải thành thạo ko ạ?

  • @trungquandev

    @trungquandev

    Ай бұрын

    Remote thì tiếng Anh là điều quan trọng nhất em nhé, kể cả tech em có cứng mà không có tiếng Anh thì cũng không làm việc được nha.

  • @thinkaboutlife47

    @thinkaboutlife47

    Ай бұрын

    @@trungquandev Vâng cảm ơn anh ạ ! Sắp tới em có lịch pv cho 1 vị trí Remote nên em muốn tìm hiểu thêm 1 chút ạ

  • @LongNguyen-ui9gd
    @LongNguyen-ui9gdАй бұрын

    anh ơi cái chỗ video mới cảu anh là 60k ý thì dc xem mãi mãi ạ hay trong 1 tháng thôi a

  • @trungquandev

    @trungquandev

    Ай бұрын

    Nó là cơ chế hội viên subscription mỗi tháng của KZread cho riêng kênh của anh để ủng hộ anh em nhé ^^

  • @CherisOfficial5
    @CherisOfficial5Ай бұрын

    a có định làm video về Golang hong ạ

  • @trungquandev

    @trungquandev

    Ай бұрын

    Hiện tại thì anh chuyên về JS, TS nha, anh không code Golang á :))

  • @sythanhle9227
    @sythanhle922723 сағат бұрын

    cơ chế này mình có thế dùng cho các ngôn ngữ làm backend khác dk anh

  • @trungquandev

    @trungquandev

    22 сағат бұрын

    @@sythanhle9227 Được nha em, chỉ cần tìm hiểu cú pháp và lib của ngôn ngữ đó còn cơ chế xử lý thì tương tự nhau hết nhé.

  • @LongNguyen-ui9gd
    @LongNguyen-ui9gdАй бұрын

    anh ơi cho em đki gói 60k em học luôn ạ thi dki kiểu gì a

  • @trungquandev

    @trungquandev

    Ай бұрын

    Em nhấn vào phần tham gia hội viên trên kênh của anh, xong chọn gói, và cứ tiếp tục làm theo các bước hướng dẫn thanh toán của google ấy, có thể dùng ví momo kết nối google pay, hoặc anh thấy có bạn dùng điện thoại android là trừ tiền vào số điện thoại luôn thì phải. Nhiều cách lắm.

  • @nvhmusic8316
    @nvhmusic83165 күн бұрын

    em thấy có 1 số web thường giấu api khỏi tab network, cho e hỏi có nhất thiết giấu api không ạ? vì hiện tại e chỉ mới biết cách giấu nếu dùng severside, còn nếu dùng localstorage để lưu access thì chưa có cách ạ :(

  • @trungquandev

    @trungquandev

    5 күн бұрын

    - Không cần thiết phải giấu đâu em nhé, dĩ nhiên nếu em dùng mấy thằng như Next nó có cơ chế server thì gọi ở server cũng được, tuy nhiên có những cái phải gọi ở client hoặc cụ thể là React thuần SPA thì việc mà API hiện ở tab Network là chuyện hết sức bình thường. Ngoài kia có rất nhiều trang web như vậy. - Tiếp theo em đặt mình vào vị trí của user thay vì của dev thử xem nhé, bây giờ máy tính là của cá nhân một người, nếu họ để lộ tài khoản hay lộ máy tính cho người khác nhìn thấy được token thì đó cũng là vấn đề phía người dùng mà, lúc này dù em có dùng cookie hay gì đi nữa thì cũng vẫn vậy, không có cái gì là tuyệt đối cả đâu, cứ thoải mái đừng bị overthinking quá nha em :)))

  • @nvhmusic8316

    @nvhmusic8316

    5 күн бұрын

    @@trungquandev hihi em cảm ơn vì câu trả lời tận tình của a ạ

  • @nguyentrihaihai3187
    @nguyentrihaihai31879 күн бұрын

    Sẽ ffffffffff😂sẽ có😊

  • @trungquandev

    @trungquandev

    9 күн бұрын

    Comment này lạ quá :))

  • @RinkaMizuki
    @RinkaMizukiАй бұрын

    có lưu blacklist in redis không a

  • @trungquandev

    @trungquandev

    Ай бұрын

    A chưa thêm cái đó, vì cũng chưa cần đến ấy, quan trọng là mình hiểu cơ chế và bản chất xử lý chuẩn JWT Token ở cả FE lẫn BE là được rồi. Còn nếu cần blacklist để làm feature kiểu force logout hay gì đó cần thì mình làm thêm đơn giản thôi em.

  • @RinkaMizuki

    @RinkaMizuki

    Ай бұрын

    @@trungquandev oke a

Келесі