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
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
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
Күн бұрын
@@trungquandev cảm ơn anh đã dành thời gian chia sẻ kiến thức cho cộng đồng
🔔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
series xịn quá, phải vào quẩy code gấp thôi 🥳🥳🥳
@trungquandev
26 күн бұрын
Coi như ôn luyện thêm vụ lưu token ở cả 2 nơi localstorage và httpOnly cookie nhé ^^
lâu lắm mới thấy anh ra video hehe
@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 đó :)))
like thứ 3 anh ơi =]]]]]]
@trungquandev
Ай бұрын
Tốc độ quá =)))
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
Ай бұрын
Đú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
Ай бұрын
@@trungquandev đợi thi xong e sẽ đăng kí hội viên để ủng hộ a kk
@trungquandev
Ай бұрын
@@SonTran-tq3ej ừa anh chờ những comment của em trong bộ đó nha ^^
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
Ай бұрын
Đợ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
Ай бұрын
@@trungquandev ùi em gõ ẩu quá. Vậy thì hay quá a ơi hihi
em học với anh ơii. 😆
@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 đó :)))
đúng thứ em đang cần, nếu có thể anh có thể làm về react hook form được k anh :))))
@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 :))
Đăng ký hội viên thì video có dc tải về để xem từ từ không a nhỉ
@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é :))
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
Ай бұрын
- 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 đó.
Dạ anh có dự định làm tiếp chuỗi video về ReactJS Master nữa không ạ
@trungquandev
Ай бұрын
Có nha em :))
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
Ай бұрын
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
Ай бұрын
@@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 ạ
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
Ай бұрын
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é ^^
a có định làm video về Golang hong ạ
@trungquandev
Ай бұрын
Hiện tại thì anh chuyên về JS, TS nha, anh không code Golang á :))
cơ chế này mình có thế dùng cho các ngôn ngữ làm backend khác dk anh
@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é.
anh ơi cho em đki gói 60k em học luôn ạ thi dki kiểu gì a
@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.
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
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
5 күн бұрын
@@trungquandev hihi em cảm ơn vì câu trả lời tận tình của a ạ
Sẽ ffffffffff😂sẽ có😊
@trungquandev
9 күн бұрын
Comment này lạ quá :))
có lưu blacklist in redis không a
@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
Ай бұрын
@@trungquandev oke a