มาทำ Authentication ด้วย NestJS และ Passport.js กัน

☕️ สนับสนุนช่องเราด้วยการสมัครสมาชิกช่องทางนี้ได้เลย
   / @mikelopster  

ลองไมค์ สัปดาห์นี้ เราจะยังคงอยู่กับ NestJS กัน คราวนี้เราจะมาถึง use case อีก 1 case ที่ทำกันบ่อยมากในโลกของ Web application นั่นคือ Authentication ผ่าน library ยอดฮิตของ Node.js อย่าง Passport.js นั่นเอง (ในที่สุดก็มาซะที เป็นหนึ่งใน library ที่มีคนพูดถึงตั้งแต่เปิดช่อง mikelopster แรกๆเลย 😂)

โดยเนื้อหานั้นจะประกอบด้วย
1. แนะนำ Passport.js และพา setup project สำหรับทำ Authentication
2. พาเล่น 3 Strategy Login อย่าง Local Strategy (Email, Password), JWT Strategy (JWT token) และ Google Strategy (Google OAuth)

** ในหัวข้อนี้เป็น หัวข้อที่ผมตั้งใจทำต่อเนื่องจากหัวข้อ NestJS ที่เป็น Introduction ในหัวข้อก่อนหน้า ซึ่งจะมีเนื้อหาของ NestJS + RestAPI + MongoDB + ENV อยู่ แนะนำว่า ถ้ายังไม่รู้จัก 4 เรื่องนี้ ขอแนะนำให้ดูก่อนหน้าก่อนจะดูหัวข้อนี้ จะเข้าใจได้ไวขึ้นด้วยเช่นกันนะครับ

หัวข้อ
00:00 แนะนำหัวข้อ
01:45 แนะนำ Passport / Setup project
04:26 เราจะทำอะไรกันใน Session นี้บ้าง
06:29 สร้าง Module / ลง MongoDB / setup Config ENV
11:30 หลักการของ Passport.js / แนะนำ Local Strategy
15:12 1. API Register สำหรับสมัคร email + password
25:44 2. 2. API Login โดยเช็คจาก email + password ว่าถูกต้องหรือไม่ (Local Strategy)
43:55 3. API Get Profile เพิ่ม JWT Token และ ตัว check JWT (JWT Strategy)
59:03 เปลี่ยนมาเก็บ access token ด้วย cookie (และใช้ผ่าน cookie แทน)
1:04:27 เพิ่ม Google Sign in เข้ามา (Google Strategy) และใช้ร่วมกับ JWT
1:19:06 สรุปทั้งหมด

สามารถอ่าน Blog เพิ่มเติมได้ที่
https://mikelopster.dev/posts/nestjs-...

ใครมีข้อสงสัยเพิ่มเติม มาพูดคุยแลกเปลี่ยนความรู้กันได้ที่
Facebook page:   / mikelopster.dev  
Website: https://mikelopster.dev

แปะพิกัดของที่ผมใช้
https://shope.ee/8A54c8cfkf ของที่ตั้งอยู่ด้านหลัง
https://shope.ee/6fI75UuLEM osmo pocket 3
https://shope.ee/4VDcVixCW9 ไมค์ shure
https://shope.ee/6pbXI6d5xG กล้องวงจรปิด

Enjoy ครับ 😘